1.2 切换页面的显示或隐藏

上一个jQuery代码段向读者演示了通过show()和hide()函数实现“显示”和“隐藏”页面元素的功能。其实，使用jQuery框架的toggle()函数也能实现同样的效果。toggle()函数用于切换页面元素的可见状态，如果被选择元素处于可见状态，则隐藏这些元素，如果被选择元素处于隐藏状态，则显示这些元素。

本例代码如下：

第05行实现了切换“显示”和“隐藏”页面元素的功能，其中，toggle()函数用于切换hide()函数和show()函数，其语法如下：

speed参数用来设置显示的速度，可取值为slow、fast或毫秒；callback参数用来设置动作完成后所执行的函数。

注意： toggle()函数适用于通过jQuery框架隐藏的页面元素或在CSS中声明为“display:none”的页面元素，但是它不适用于在CSS中声明为“visibility:hidden”的页面元素。 shelTJYH5msyOwEnfdDVWfsB3jwIEpVXZ0tljh61MxEftb9oLxSsY50amM7GEjdP