下载掌阅APP，畅读海量书库
立即打开
1.6 切换页面的滑动
上一个jQuery代码段向读者演示了通过slideUp()和slideDown()函数实现“滑动隐藏”和“滑动显示”页面元素的效果。其实，使用slideToggle()函数也能实现同样的效果，如图1.6所示。
图1.6 切换页面滑动操作效果
本例的具体代码如下：
第05行中的slideToggle()函数可以在slideDown()函数与slideUp()函数之间进行切换。如果元素向下滑动，则slideToggle()函数可向上滑动它们；如果元素向上滑动，则slideToggle()函数可向下滑动它们。
提示： 对于slideToggle()函数，如果元素已经是完全可见的，则该效果不产生任何变化，除非规定了callback函数。