slideUp / slideDown

    你可能已经看出来了, show() hide() 是从左上角逐渐展开或收缩的,而 slideUp() slideDown() 则是在垂直方向逐渐展开或收缩的。

    slideUp() 把一个可见的DOM元素收起来,效果跟拉上窗帘似的, slideDown() 相反,而 slideToggle() 则根据元素是否可见来决定下一步动作:

    var div = $('#test-slide');

    div.slideUp(3000); // 在3秒钟内逐渐向上消失