jQuery - 效果（五）之 滑动

滑动，指元素通过上下滑动的方式来显示或隐藏。

本文目录：

1. slideDown()；
2. slideUp()；
3. slideToggle()。

slideDown(speed, callback)

给所选元素添加向下滑动的效果。

参数	类型	描述
speed	String/Number	可选。动画时长，预设值为 "slow"（600）、"normal"（默认值，400）、"fast"（200），也可自定义动画时长，单位为毫秒（如：1000）。
callback	Function()	可选。动作完成后执行的函数。

slideUp(speed, callback)

给所选元素添加向上滑动的效果。

参数	类型	描述
speed	String/Number	可选。动画时长，预设值为 "slow"（600）、"normal"（默认值，400）、"fast"（200），也可自定义动画时长，单位为毫秒（如：1000）。
callback	Function()	可选。动作完成后执行的函数。

slideToggle(speed, callback)

slideToggle() 方法是 slideDown() 方法和 slideUp() 方法的结合，即能给元素添加向下滑动的效果，又能给元素添加向上滑动的效果。

参数	类型	描述
speed	String/Number	可选。动画时长，预设值为 "slow"（600）、"normal"（默认值，400）、"fast"（200），也可自定义动画时长，单位为毫秒（如：1000）。
callback	Function()	可选。动作完成后执行的函数。

代码：

    
    
    
    



    
点击向下滑动面板
    
slideDown


    
点击向上滑动面板
    
slideUp


    
点击向下/向上滑动面板
    
slideToggle

效果演示：

滑动.gif