jQuery提供了3个方法让HTML元素进行滑动。

这3个方法的原型如下：

$(selector).slideDown([duration] [,callback]);
$(selector).slideUp([duration] [,callback]);
$(selector).slideToggle([duration] [,callback]);

slideDown()方法用于向下滑动HTML元素。

slideUp()方法用于向上滑动HTML元素。

slideToggle()方法用于在上下滑动之间进行切换。

duration参数规定隐藏/显示的时间，此时有动画过程。其值可以是slow、fast或具体的毫秒。

示例：

$("p").slideDown();
$("p").slideDown(1000);
$("p").slideDown(1000, function() {
    //TODO
});

$("p").slideUp();
$("p").slideUp('slow');
$("p").slideUp(1000, function() {
    //TODO
});

$("p").slideToggle();
$("p").slideToggle('fast');
$("p").slideToggle(1000, function() {
    //TODO
});