slideUp / slideDown
你可能已经看出来了, show() 和 hide() 是从左上角逐渐展开或收缩的,而 slideUp() 和 slideDown() 则是在垂直方向逐渐展开或收缩的。
slideUp() 把一个可见的DOM元素收起来,效果跟拉上窗帘似的, slideDown() 相反,而 slideToggle() 则根据元素是否可见来决定下一步动作:
var div = $('#test-slide');
div.slideUp(3000); // 在3秒钟内逐渐向上消失