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 :

javascript.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 :

javascript.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 :

javascript.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 :

javascript.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 :

javascript.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 :

javascript.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' :

html<button id="test">hide text</button>
<p>text</p>

javascript$('#test').click(function() {
  $('p').hide('slow', function() {
    console.log('Animation complete')
  });
});

Voir aussi