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)，避免动画重复执行