Méthode jQuery d'effet slideUp()

Méthodes d'effet jQuery

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

Attention :Les éléments masqués ne influencent plus la mise en page de la page.

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

Syntaxe :

$(selector).slideUp(duration, easing, callback)

Exemple

Lorsque vous cliquez sur "#my-Div" lorsque cet exemple cache " .panel" sur la page :

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

En cliquant sur le bouton, glisser vers le haut tous les éléments <p> :

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

UtiliserdurationParamètres :

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

UtilisercallbackParamètres :

$("button").click(function(){
　　$("div").slideUp(1500, function(){
　　　　alert("Défilement vers le haut terminé!");
　　});
});

Utiliser un temps de défilement lent et un effet d'accélération linéaire pour glisser vers le haut tous les " .panel":

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

Animer tous les intervalles (dans cet exemple, les mots) pour glisser rapidement, en2Terminer chaque animation dans 00 milliseconds :

$("button").click(function(){
　　$("span:last-child").slideUp("fast", function(){
　　　　$(this).prev().slideUp("fast", arguments.callee);
　　});
});

Valeur des paramètres

Méthodes d'effet jQuery