Méthode jQuery slideToggle()

❮ Méthodes d'effet jQuery

Exemple

Basculer entre slideUp() et slideDown() pour tous les éléments <p> :

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

Définition et utilisation

La méthode slideToggle() bascule entre slideUp() et slideDown() pour les éléments sélectionnés.

Cette méthode vérifie la visibilité des éléments sélectionnés. slideDown() est exécuté si un élément est masqué. slideUp() est exécuté si un élément est visible - Cela crée un effet de bascule.


Syntaxe

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

Parameter Description
speed Optional. Specifies the speed of the slide effect. Default value is 400 milliseconds

Possible values:

  • milliseconds
  • "slow"
  • "fast"
easing Optional. Specifies the speed of the element in different points of the animation. Default value is "swing"

Possible values:

  • "swing" - moves slower at the beginning/end, but faster in the middle
  • "linear" - moves in a constant speed
Tip: More easing functions are available in external plugins
callback Optional. A function to be executed after the slideToggle() method is completed

To learn more about callback, visit our jQuery Callback chapter


Essayez-le vous-même - Exemples


de vitesse Comment utiliser le paramètre de vitesse pour spécifier la vitesse de l'effet de glissement.


de rappel Comment utiliser le paramètre de rappel lors du basculement entre slideUp() et slideDown().


❮ Méthodes d'effet jQuery