Méthode slideToggle() de l'effet jQuery

Manuel de référence des effets jQuery

Exemple

Basculer entre l'état visible et masqué de l'élément <p> en utilisant un effet de glissement :

$(".btn1").click(function(){
  $("p").slideToggle();
});

Essayez-le vous-même

Définition et utilisation

La méthode slideToggle() change l'état de visibilité de l'élément en utilisant un effet de glissement (changement de hauteur).

Si l'élément sélectionné est visible, masquez ces éléments. Si l'élément sélectionné est masqué, affichez ces éléments.

Syntaxe

$().slideToggle(speed,callback)
Paramètres Description
speed

Optionnel. Définir la vitesse d'affichage de l'élément de masqué à visible (ou vice versa). La valeur par défaut est "normal".

Valeurs possibles :

  • millisecondes (par exemple, 1500)
  • "lent"
  • "normal"
  • "rapide"

Lorsque la vitesse est définie, l'élément change progressivement sa hauteur pendant la transition (ce qui crée un effet de glissement).
callback

Optionnel. Fonction à exécuter après l'exécution de la fonction toggle.

Pour en savoir plus sur callback, consultez notre chapitre jQuery Callback.

Vous ne pouvez pas définir ce paramètre sans avoir défini le paramètre speed.

Avis et commentaires

Avis :Si l'élément est déjà masqué, cet effet n'entraîne aucune modification, sauf si la fonction callback est spécifiée.

Plus d'exemples

Utilisez le paramètre speed
Utilisez le paramètre speed pour basculer entre l'affichage et le masquage des éléments en glissant vers le haut et vers le bas.

Manuel de référence des effets jQuery