jQuery effect slideUp() method

jQuery Effect Methods

The slideUp() method hides the selected element in a sliding manner.

Note:Hidden elements will no longer affect the page layout.

This method is usually used withslideDown()Methods can be used together.

Syntax:

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

Instance

When clicking "#my-Div" hides the " .panel" on the page when this example is clicked:

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

Slide up all <p> elements when the button is clicked:

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

UsedurationParameters:

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

UsecallbackParameters:

$("button").click(function(){
　　$("div").slideUp(1500, function(){
　　　　alert("Slide up completed!");
　　});
});

Use a slow duration and linear easing to slide up all " .panel":

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

Animate all spans (in this example, words) to slide quickly, in200毫秒内完成每个动画：

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

Parameter Value

jQuery Effect Methods