jQuery-Effekt-Methode slideUp()

jQuery Effektmethoden

Die slideUp()-Methode versteckt ausgewählte Elemente durch Verschieben.

Hinweis:Verborgene Elemente beeinflussen die Layout der Seite nicht mehr.

Diese Methode wird normalerweise mitslideDown()Methoden gemeinsam verwenden.

Syntax:

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

Beispiel

Wenn Sie auf "#my-Div" auf der Seite zu verstecken, wenn Sie in diesem Beispiel auf " .panel" klicken:

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

Klicken Sie auf die Schaltfläche, um alle <p>-Elemente nach oben zu bewegen:

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

Verwenden SiedurationParameter:

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

Verwenden SiecallbackParameter:

$("button").click(function(){
　　$("div").slideUp(1500, function(){
　　　　alert("Nach oben bewegen abgeschlossen!");
　　});
});

Verwenden Sie eine langsame Dauer und eine lineare Easing-Bewegung, um alle " .panel" nach oben zu bewegen:

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

Animieren Sie alle Zeitspannen (in diesem Beispiel Wörter) für eine schnelle Bewegung nach oben, in200 Millisekunden dauert jede Animation ab:

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

Parameterwert

jQuery Effektmethoden