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