Méthode jQuery slideDown()

Méthodes d'effet jQuery

La méthode slideDown() affiche les éléments sélectionnés de manière glissante.

Remarque :Cette méthode s'applique aux éléments masqués par les méthodes jQuery et a display:none dans CSS (et non visibility:hidden).

Cette méthode est généralement utilisée avecslideUp()Méthodes utilisées ensemble.

Syntaxe :

$(selector).slideDown(duration, "linear", callback)

Exemple

Lorsque vous cliquez sur "#my-Div” lorsque, dans cet exemple, " .panel" s'affiche sur la page :

$("#my-Div").click(function(){
　　$(".panel").slideDown();
});

Faire glisser vers le bas tous les éléments <p> au clic du bouton :

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

UtiliserdurationParamètres :

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

UtilisercallbackParamètres :

$("button").click(function(){
　　$("div").slideDown(1500, function(){
　　　　alert("Glissement vers le bas terminé !");
　　});
});

Utiliser un temps de défilement lent et une animation linéaire pour faire glisser vers le bas toutes les " .panel" :

$("#my-Div").click(function(){
　　$(".panel").slideDown("slow", "linear");
});

Animé tous les intervalles (dans cet exemple, les mots) pour un glissement rapide, dans :2Terminer chaque animation en 00 millisecondes :

$("button").click(function(){
　　$("span:first-child").slideDown("fast", function(){
　　　　$(this).next().slideDown("fast", arguments.callee);
　　});
});

Valeur des paramètres

Méthodes d'effet jQuery