Derniers tutoriels de développement web
 

jQuery slideDown() Method

<Méthodes jQuery Effet

Exemple

Faites glisser vers le bas (spectacle) tous <p> éléments cachés:

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

Définition et utilisation

Le slideDown() méthode diapositives-down (spectacles) les éléments sélectionnés.

Note: slideDown() fonctionne sur des éléments cachés avec des méthodes jQuery et display: none dans CSS (mais pas visibility: hidden).

Conseil: Pour glisser-up (cacher) éléments, regardez le slideUp() méthode.


Syntaxe

$(selector).slideDown(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 fonctions d' accélération sont disponibles dans les plugins externes.
callback Optionnel. Une fonction à exécuter après la slideDown() méthode est terminée

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


Essayez-le vous-même - Exemples

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

slideDown() - En utilisant le paramètre de rappel
Comment utiliser le paramètre de rappel lors de glisser vers le haut et vers le bas les éléments sélectionnés.


<Méthodes jQuery Effet