jQuery - 效果（三）之 显示隐藏

jQuery 中提供了 hide() 方法来隐藏元素、show() 方法来显示元素。

本文目录：

1. show()；
2. hide()；
3. toggle()。

show(speed, callback)

显示所选元素。

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

hide(speed, callback)

隐藏所选元素。

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

toggle(speed, callback)

oggle() 方法是 hide() 方法和 show() 方法的结合，其即能显示元素，又能隐藏元素。

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

代码：

    
    
    
    



显示
隐藏
显示/隐藏

效果演示：

显示隐藏.gif