Méthode hide
La méthode hide masque les éléments de manière fluide. Afficher
les éléments peut être fait avec la méthode
show.
Syntaxe
Disparition en un temps donné,
400ms par défaut :
.hide(durée);
Le temps peut être spécifié 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 :
.hide('slow' ou 'fast');
Si aucun paramètre n'est spécifié - il n'y aura pas d'animation, les éléments seront masqués instantanément :
.hide();
Il est également possible de passer une fonction d'adoucissement 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 :
.hide(durée, [fonction d'adoucissement], [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 :
.hide(options);
Un tel objet peut transmettre 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'adoucissement :
.hide( {duration: 800, easing: easeInSine} );
Exemple
Après avoir cliqué sur le bouton #test, masquons
fluidement le paragraphe avec la méthode hide. 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 id="test">hide text</button>
<p>text</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
