Metoden hide

Metoden hide skjuler elementer jevnt. Vis elementer kan du med metoden show.

Syntaks

Forsvinning over gitt tid, 400ms som standard:

javascript.hide(varighet);

Tid kan angis ikke bare i millisekunder, men også med nøkkelordene slow (600ms) og fast (200ms), jo større verdi, jo tregere animasjon:

javascript.hide('slow' eller 'fast');

Hvis du ikke angir parametere - animasjon vil ikke skje, elementer vil bli skjult øyeblikkelig:

javascript.hide();

Du kan også som andre parameter sende en easing-funksjon, og som tredje en callback-funksjon - utløses etter fullføring av animasjonen. Begge parameterne er valgfrie:

javascript.hide(varighet, [easing-funksjon], [callback-funksjon]);

Du kan sende metoden ulike alternativer, i form av et JavaScript-objekt som inneholder par nøkkel: verdi:

javascript.hide(alternativer);

Et slikt objekt kan sende følgende parametere og funksjoner - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Beskrivelse av disse parameterne kan du se for metoden animate. For eksempel, la oss sette varighet og easing-funksjon:

javascript.hide( {duration: 800, easing: easeInSine} );

Eksempel

La oss etter å ha trykket på knappen #test, jevnt skjule avsnittet med metoden hide. Ved å sende nøkkelordet slow, setter vi hastigheten til 600ms. Etter at animasjonen er fullført, skriver vi ut i konsollen 'Animation complete':

html<button id="test">skjul tekst</button>
<p>tekst</p>

javascript$('#test').click(function() {
  $('p').hide('slow', function() {
    console.log('Animation complete')
  });
});

Se også