为了账号安全，请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
获取体验码
jQuery中上卷下拉切换slideToggle，jQuery基础(四)—动画篇教程-慕课网
章节
课签
笔记
占位
占位

jQuery中上卷下拉切换slideToggle

slideDown与slideUp是一对相反的方法。需要对元素进行上下拉卷效果的切换，jQuery提供了一个便捷方法slideToggle用滑动动画显示或隐藏一个匹配元素

基本的操作：slideToggle();

这是最基本的操作，获取元素的高度，使这个元素的高度发生改变，从而让元素里的内容往下或往上滑。

提供参数：.slideToggle( [duration ] ,[ complete ] )

同样的提供了时间、还有动画结束的回调。在参数对应的时间内，元素会完成动画，然后出发回调函数

同时也提供了时间的快速定义，字符串 'fast' 和 'slow' 分别代表200和600毫秒的延时

slideToggle("fast") 
slideToggle("slow") 

注意：

  • display属性值保存在jQuery的数据缓存中，所以display可以方便以后可以恢复到其初始值
  • 当一个隐藏动画后，高度值达到0的时候，display 样式属性被设置为none，以确保该元素不再影响页面布局

任务

?不会了怎么办
||

写笔记

公开笔记
提交
||

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

收藏课程后，能更快找到我哦～

使用 Ctrl+D 可将课程添加到书签

举报

0/150
提交
取消