Effets jQuery - Glisser

La méthode de glissement jQuery permet aux éléments de glisser verticalement.

Démonstration des effets

Cliquez ici pour cacher/montrer le panneau

Un instant d'heure vaut une pièce d'or, c'est pourquoi nous vous offrons un contenu d'apprentissage rapide et facile à comprendre.

Ici, vous pouvez obtenir toute l'information dont vous avez besoin de manière simple et compréhensible.

Exemple

jQuery slideDown()
Démonstration de la méthode slideDown() de jQuery.
jQuery slideUp()
Démonstration de la méthode slideUp() de jQuery.
jQuery slideToggle()
Démonstration de la méthode slideToggle() de jQuery.

Méthodes de glissement jQuery

Avec jQuery, vous pouvez créer des effets de glissement sur les éléments.

jQuery possède les méthodes de glissement suivantes :

  • slideDown()
  • slideUp()
  • slideToggle()

Méthode slideDown() de jQuery

La méthode slideDown() de jQuery est utilisée pour glisser les éléments vers le bas.

Syntaxe :

$(selector).slideDown(speed,callback);

Le paramètre optionnel speed spécifie la durée de l'effet. Il peut prendre les valeurs suivantes : "slow", "fast" ou en millisecondes.

Le paramètre optionnel callback est le nom de la fonction à exécuter après la fin du glissement.

L'exemple suivant montre l'utilisation de la méthode slideDown():

Exemple

$("#flip").click(function(){
  $("#panel").slideDown();
);

Essayez-le vous-même

Méthode slideUp() de jQuery

La méthode slideUp() de jQuery est utilisée pour glisser les éléments vers le haut.

Syntaxe :

$(selector).slideUp(speed,callback);

Optionnel speed Le paramètre speed spécifie la durée de l'effet. Il peut prendre les valeurs suivantes : "slow", "fast" ou en millisecondes.

Optionnel callback Le paramètre est le nom de la fonction à exécuter après la fin du glissement.

L'exemple suivant montre l'utilisation de la méthode slideUp():

Exemple

$("#flip").click(function(){
  $("#panel").slideUp();
);

Essayez-le vous-même

Méthode slideToggle() de jQuery

La méthode slideToggle() de jQuery peut basculer entre slideDown() et slideUp().

Si l'élément glisse vers le bas, slideToggle() peut les glisser vers le haut.

Si l'élément glisse vers le haut, slideToggle() peut les glisser vers le bas.

$(selector).slideToggle(speed,callback);

Optionnel speed Le paramètre speed spécifie la durée de l'effet. Il peut prendre les valeurs suivantes : "slow", "fast" ou en millisecondes.

Optionnel callback Le paramètre est le nom de la fonction à exécuter après la fin du glissement.

L'exemple suivant montre l'utilisation de la méthode slideToggle():

Exemple

$("#flip").click(function(){
  $("#panel").slideToggle();
);

Essayez-le vous-même

Manuel de référence des effets jQuery

Pour consulter tous les effets jQuery, veuillez visiter notre Manuel de référence des effets jQuery.