Derniers tutoriels de développement web
 

jQuery slideToggle() Method

<Méthodes jQuery Effet

Exemple

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

$("button").click(function(){
    $("p").slideToggle();
});
Essayez - le vous - même »

Définition et utilisation

Le slideToggle() méthode permet de basculer entre slideUp() et slideDown() pour les éléments sélectionnés.

Cette méthode vérifie les éléments sélectionnés pour la visibilité. 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)

Paramètre La description
speed Optionnel. Indique la vitesse de l'effet de glissement. La valeur par défaut est de 400 millisecondes

Valeurs possibles:

  • millisecondes
  • "slow"
  • "fast"
easing Optionnel. Est la vitesse de l'élément en différents points de l'animation. La valeur par défaut est "swing"

Valeurs possibles:

  • "swing" - se déplace plus lentement au début / fin, mais plus rapide dans le milieu
  • "linear" - se déplace dans une vitesse constante
Astuce: Plus de fonctions d'assouplissement sont disponibles dans les plugins externes
callback Optionnel. Une fonction à exécuter après la slideToggle() méthode est terminée

Pour en savoir plus sur le rappel, visitez notre chapitre jQuery Callback


Essayez-le vous-même - Exemples

slideToggle() - Utilisation du paramètre de vitesse
Comment utiliser le paramètre de vitesse pour spécifier la vitesse de l'effet de glissement.

slideToggle() - En utilisant le paramètre de rappel
Comment utiliser le paramètre de rappel lors de basculement entre slideUp() et slideDown() .


<Méthodes jQuery Effet