English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Méthode d'effet slideToggle() de jQuery

Méthodes d'effet jQuery

La méthode slideToggle() dansslideUp()etslideDown()Basculer entre les méthodes.

Cette méthode vérifie la visibilité de l'élément sélectionné :

  • Si l'élément était initialement visible, il sera masqué

  • Si l'élément était initialement caché, il sera affiché

Attention :Les éléments cachés n'affecteront plus la mise en page de la page.

Syntaxe :

$(selector).slideToggle(durée, éasing, callback)

Exemple

Lorsque le bouton est cliqué, bascule entre le déplacement vers le haut et le bas de tous les éléments <p> :

$("button").click(function() {
  $("p").slideToggle();
});
Vérifiez et voyez‹/›

UtilisationdurationParamètres :

$("button").click(function() {
  $("p").slideToggle()1500);
});
Vérifiez et voyez‹/›

UtilisationcallbackParamètres :

$("button").click(function() {
  $("div").slideToggle()1500, fonction() {
    alert("L'effet de basculement glissant est terminé!!!");
  });
});
Vérifiez et voyez‹/›

Utilisez un temps de durée lent et un éasing linéaire pour basculer tous les “ .panel” :

$("#my-Div").click(function(){
  $(".panel").slideToggle("slow", “linear”);
});
Vérifiez et voyez‹/›

Valeur des paramètres

ParamètresDescription
duration(Optionnel)Détermine la durée de l'effet glissement. La valeur prédéfinie est400 millisecondes

Valeurs possibles :

  • millisecondes (par exemple100,500,2000, etc.)

  • “fast”

  • “slow”

easing(Optionnel)Une chaîne qui spécifie la vitesse des éléments à différents points de l'animation. La valeur par défaut est “swing”

Valeurs possibles :

  • “swing”-Au début/Plus lent à la fin, plus rapide au milieu

  • “linear”-Mouvement à une vitesse constante

callback(Optionnel)Appelé une fois pour chaque élément sélectionné une fois que la méthode slideToggle() est terminée

Méthodes d'effet jQuery