Metoden show
Metoden show viser skjulte
elementer jævnt. Elementer kan skjules ved hjælp af metoden
hide.
Syntaks
Visning over en given varighed i millisekunder,
400ms som standard:
.show(varighed);
Tiden kan angives ikke kun i millisekunder,
men også med nøgleordene slow (600ms)
og fast (200ms), jo højere værdi,
jo langsommere animation:
.show('slow' eller 'fast');
Hvis parametre ikke angives - vil der ikke være nogen animation, elementer vil blive vist øjeblikkeligt:
.show();
Det er også muligt at sende en easing-funktion som anden parameter, samt en callback-funktion som tredje parameter - udføres efter animationen er færdig. Begge parametre er valgfrie:
.show(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:
.show(indstillinger);
Et sådant objekt kan sende 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 indstille varigheden og easing-funktionen:
.show( {duration: 800, easing: easeInSine} );
Eksempel
Lad os efter et klik på en knap jævnt vise
et skjult afsnit ved hjælp af metoden show. Ved at sende
nøgleordet slow indstiller vi hastigheden
til 600ms. Efter afslutningen af animationen udskriver vi i
konsollen 'Animation complete':
<button>show text</button>
<p style="display: none">text</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
