Metoden hide
Metoden hide skjuler elementer jævnt. Vis
elementer igen ved hjælp af metoden
show.
Syntaks
Forsvinden over en given tidsperiode,
400ms som standard:
.hide(varighed);
Tiden kan angives ikke kun i millisekunder,
men også med nøgleordene slow (600ms)
og fast (200ms), hvor højere værdi
betyder langsommere animation:
.hide('slow' eller 'fast');
Hvis ingen parametre angives - vil der ikke være nogen animation, elementerne bliver skjult øjeblikkeligt:
.hide();
Det er også muligt at sende en easing-funktion som anden parameter, samt en callback-funktion som tredje parameter - udføres efter animationen er afsluttet. Begge parametre er valgfrie:
.hide(varighed, [easing-funktion], [callback-funktion]);
Det er muligt at sende forskellige indstillinger til metoden, i form af et JavaScript-objekt, der indeholder par af nøgle: værdi:
.hide(indstillinger);
Et sådant objekt kan overføre følgende
parametre og funktioner - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Beskrivelse
af disse parametre kan du se for metoden
animate. For eksempel,
lad os sætte varigheden og easing-funktionen:
.hide( {duration: 800, easing: easeInSine} );
Eksempel
Lad os efter at have trykket på knappen #test, jævnt
skjule afsnittet ved hjælp af metoden hide. Ved at sende
nøgleordet slow, indstiller vi hastigheden
til 600ms. Efter afslutningen af animationen udskriver vi
i konsollen 'Animation complete':
<button id="test">hide text</button>
<p>text</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
