jQuery动画-上卷和下拉

jQuery slideDown()

语法：$(selector).slideDown( [duration ] [, complete ] )

.slideDown()方法将给匹配元素的高度的动画，这会导致页面的下面部分滑下去，弥补了显示的方式

持续时间（duration）是以毫秒为单位的。字符串 'fast' 和 'slow' 分别代表200和600毫秒的延时。如果提供任何其他字符串，或者这个duration参数被省略，那么默认使用400 毫秒的延时。

下拉动画是从无到有，所以一开始元素是需要先隐藏起来的，可以设置display:none

因为动画是异步的，所以要在动画之后执行某些操作就必须要写到回调函数里面，如果多个元素一起做动画效果，那么回调函数会在每一个元素执行完动画后都执行一次，而不是这组动画整体才执行一次



jQuery slideUp()

使用方法与 jQuery slideDown() 一致，但结果相反

不带参数：$("elem").slideUp();

带参数 ：$("elem").slideUp( [duration ] [, easing ] [, complete ] )
jQuery slideToggle()

语法：$(selector).slideToggle( [duration ] [, complete ] )

.slideToggle()

.slideToggle("fast")

.slideToggle("slow")

.slideToggle(3000)

$("#a1").stop().slideToggle(3000)，避免动画重复执行