Metoden hide
Metoden hide skjuler elementer jevnt. Vis
elementer kan du med metoden
show.
Syntaks
Forsvinning over gitt tid,
400ms som standard:
.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:
.hide('slow' eller 'fast');
Hvis du ikke angir parametere - animasjon vil ikke skje, elementer vil bli skjult øyeblikkelig:
.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:
.hide(varighet, [easing-funksjon], [callback-funksjon]);
Du kan sende metoden ulike alternativer, i form av et JavaScript-objekt som inneholder par nøkkel: verdi:
.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:
.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':
<button id="test">skjul tekst</button>
<p>tekst</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
