jQuery Effets - méthode slideDown()

Exemple

Afficher l'élément <p> caché de manière glissante :

$(".btn2").click(function(){
  $("p").slideDown();
});

Essayez-le vous-même

Définition et utilisation

La méthode slideDown() affiche les éléments cachés sélectionnés en utilisant un effet de glissement.

Syntaxe

$(selector).slideDown(speed,callback)
Paramètres Description
speed

Optionnel. Définir la vitesse à laquelle l'élément doit passer de caché à visible (ou inversement). La valeur par défaut est "normal".

Valeurs possibles :

  • Millisecondes (par exemple, 1500)
  • "slow"
  • "normal"
  • "fast"

Lorsque la vitesse est définie, l'élément change progressivement de hauteur pendant le processus de passage de caché à visible.

callback

Optionnel. Fonction à exécuter après l'exécution de la fonction slideDown.

Pour en savoir plus sur callback, visitez notre chapitre jQuery Callback.

Le paramètre speed ne peut pas être défini s'il n'est pas configuré.

Astuce et remarque

Astuce :Si l'élément est déjà complètement visible, cet effet n'entraîne aucune modification, sauf si la fonction callback est spécifiée.

Remarque :Cet effet s'applique aux éléments cachés par jQuery, ou aux éléments pour lesquels display:none est déclaré dans CSS (mais ne s'applique pas aux éléments visibility:hidden).

Plus d'exemples

Utilisez le paramètre speed
Utilisez le paramètre speed pour cacher et afficher les éléments.