Méthode show
La méthode show affiche fluidement les éléments
cachés. Les éléments peuvent être cachés en utilisant la méthode
hide.
Syntaxe
Affichage pendant une durée donnée en millisecondes,
400ms par défaut :
.show(durée);
La durée peut être spécifiée non seulement en millisecondes,
mais aussi avec les mots-clés slow (600ms)
et fast (200ms), plus la valeur est grande,
plus l'animation est lente :
.show('slow' ou 'fast');
Si aucun paramètre n'est spécifié - il n'y aura pas d'animation, les éléments seront affichés instantanément :
.show();
Il est également possible de passer une fonction d'interpolation en deuxième paramètre, ainsi qu'une fonction de callback en troisième - qui s'exécutera après l'animation. Les deux paramètres sont optionnels :
.show(durée, [fonction d'interpolation], [fonction de callback]);
Il est possible de passer diverses options à la méthode, sous la forme d'un objet JavaScript contenant des paires clé: valeur :
.show(options);
Un tel objet peut contenir les
paramètres et fonctions suivants - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. La description
de ces paramètres peut être consultée pour la méthode
animate. Par exemple,
définissons la durée et la fonction d'interpolation :
.show( {duration: 800, easing: easeInSine} );
Exemple
Après un clic sur le bouton, affichons fluidement
un paragraphe caché à l'aide de la méthode show. En passant
le mot-clé slow, nous définirons la vitesse
sur 600ms. Après la fin de l'animation, affichons dans
la console 'Animation complete' :
<button>show text</button>
<p style="display: none">text</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
