Methode show
De methode show toont verborgen
elementen soepel. Elementen kunnen worden verborgen met de methode
hide.
Syntaxis
Tonen over een opgegeven tijd in milliseconden,
400ms standaard:
.show(duur);
Tijd kan niet alleen in milliseconden worden opgegeven,
maar ook met de sleutelwoorden slow (600ms)
en fast (200ms), hoe hoger de waarde,
hoe langzamer de animatie:
.show('slow' of 'fast');
Als er geen parameters worden opgegeven - is er geen animatie, elementen worden onmiddellijk getoond:
.show();
Je kunt ook als tweede parameter een easing-functie doorgeven, en als derde een callback-functie - wordt uitgevoerd na het voltooien van de animatie. Beide parameters zijn optioneel:
.show(duur, [easing-functie], [callback-functie]);
Je kunt verschillende opties aan de methode doorgeven, in de vorm van een JavaScript-object, dat paren sleutel: waarde bevat:
.show(opties);
Zo'n object kan de volgende
parameters en functies doorgeven - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Beschrijving
van deze parameters kun je bekijken voor de methode
animate. Bijvoorbeeld,
laten we de duur en easing-functie instellen:
.show( {duration: 800, easing: easeInSine} );
Voorbeeld
Laten we na het klikken op een knop, soepel een
verborgen alinea tonen met de methode show. Door het
sleutelwoord slow door te geven, stellen we de snelheid
in op 600ms. Na het voltooien van de animatie voeren we
'Animatie voltooid' uit in de
console:
<button>toon tekst</button>
<p style="display: none">tekst</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
