jQuery toggle()Méthode

jQuery 效果方法Méthodes d'effet jQuery

Exemple

Basculer entre le masquage et l'affichage sur tous les éléments <p> :

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

Essayez-le vous-même »

Définition et utilisation

La méthode toggle() effectue sur les éléments sélectionnéshide()etshow()une bascule entre le masquage et l'affichage.

Cette méthode vérifie l'état de visibilité des éléments sélectionnés. Si un élément est masqué, on exécute show() ; si un élément est visible, on exécute hide() - cela crée un effet de bascule.

Remarque :Les éléments masqués ne sont pas entièrement affichés (ils n'affectent plus la mise en page).

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

Syntaxe

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

Paramètre Description
speed Facultatif. Spécifie la vitesse de l'effet de masquage/d'affichage.

Valeurs possibles :

  • Millisecondes
  • "slow"
  • "fast"
easing Facultatif. Spécifie la vitesse de l'élément à différents moments de l'animation. La valeur par défaut est "swing".

Valeurs possibles :

  • "swing" - se déplace lentement au début/à la fin, rapidement au milieu
  • "linear" - se déplace à vitesse constante
Astuce :D'autres fonctions d'assouplissement sont disponibles dans les plugins d'extension.
callback Facultatif. La fonction à exécuter après la fin de la méthode toggle().

Pour en savoir plus sur le callback, veuillez consulter notrejQuery Callbackchapitre sur ce sujet.

实例

Plus d’exemples

toggle() - Utilisation du paramètre speed
Comment utiliser le paramètre speed pour spécifier la vitesse de l'effet hide/show.

toggle() - Utilisation du paramètre callback
Comment utiliser le paramètre callback lors du basculement entre les effets hide/show.

jQuery 效果方法Méthodes d'effet jQuery

Autres extensions