Méthode jQuery toggle()

❮ Méthodes d'effet jQuery

Exemple

Basculer entre masquer et afficher pour tous les éléments <p> :

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

Définition et utilisation

La méthode toggle() bascule entre hide() et show() pour les éléments sélectionnés.

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

Note : Les éléments masqués ne seront plus du tout affichés (n'affecte plus la mise en page de la page).

Conseil : Cette méthode peut également être utilisée pour basculer entre les fonctions personnalisées.


Syntaxe

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

Parameter Description
speed Optional. Specifies the speed of the hide/show effect

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 toggle() 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 masquer/afficher.


de rappel Comment utiliser le paramètre de rappel lors du basculement entre l'effet masquer/afficher.


❮ Méthodes d'effet jQuery