jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)


Posted in Javascript onJune 28, 2011

实例
通过使用滑动效果,在显示和隐藏状态之间切换 <p> 元素:

$(".btn1").click(function(){ 
$("p").slideToggle(); 
});

定义和用法
slideToggle() 方法通过使用滑动效果(高度变化)来切换元素的可见状态。

如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素。

语法
$(selector).slideToggle(speed,callback)参数 描述
speed 可选。规定元素从隐藏到可见的速度(或者相反)。默认为 "normal"。

可能的值:

毫秒 (比如 1500)
"slow"
"normal"
"fast"
在设置速度的情况下,元素在切换的过程中,会逐渐地改变其高度(这样会创造滑动效果)。

callback 可选。toggle 函数执行完之后,要执行的函数。

如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。

除非设置了 speed 参数,否则不能设置该参数。

提示和注释
提示:如果元素已经隐藏,则该效果不产生任何变化,除非规定了 callback 函数。

Javascript 相关文章推荐
取得传值的函数
Oct 27 Javascript
Javascript对象属性方法汇总
Nov 21 Javascript
js中iframe调用父页面的方法
Oct 30 Javascript
使用JS+plupload直接批量上传图片到又拍云
Dec 01 Javascript
jQuery实现默认是闭合的FAQ展开效果菜单
Sep 14 Javascript
thinkphp实现无限分类(使用递归)
Dec 19 Javascript
js读取本地文件的实例
Dec 22 Javascript
详解Vue项目引入CreateJS的方法(亲测可用)
May 30 Javascript
angular使用md5,CryptoJS des加密的方法
Jun 03 Javascript
微信小程序图片自适应实现解析
Jan 21 Javascript
vue打开子组件弹窗都刷新功能的实现
Sep 21 Javascript
基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能
Jan 05 Vue.js
基于jquery的回到页面顶部按钮
Jun 27 #Javascript
jQuery新闻滚动插件 jquery.roller.js
Jun 27 #Javascript
jquery中获取select选中值的代码
Jun 27 #Javascript
jQuery Tab插件 用于在Tab中显示iframe,附源码和详细说明
Jun 27 #Javascript
自定义一个jquery插件[鼠标悬浮时候 出现说明label]
Jun 27 #Javascript
读jQuery之十 事件模块概述
Jun 27 #Javascript
AeroWindow 基于JQuery的弹出窗口插件
Jun 27 #Javascript
You might like
多数据表共用一个页的新闻发布
2006/10/09 PHP
PHP面向对象学习笔记之一 基础概念
2012/10/06 PHP
php实现的简单检验登陆类
2015/06/18 PHP
PHP获取指定日期是星期几的实现方法
2016/11/30 PHP
js 3种归并操作的实例代码
2013/10/30 Javascript
JS使用ajax从xml文件动态获取数据显示的方法
2015/03/24 Javascript
浅谈window对象的scrollBy()方法
2015/07/15 Javascript
js实现仿网易点击弹出提示同时背景变暗效果
2015/08/13 Javascript
jquery京东商城双11焦点图多图广告特效代码分享
2015/09/06 Javascript
JS鼠标拖拽实例分析
2015/11/23 Javascript
详谈jQuery Ajax(load,post,get,ajax)的用法
2017/03/02 Javascript
vue学习笔记之指令v-text &amp;&amp; v-html &amp;&amp; v-bind详解
2017/05/12 Javascript
js弹性势能动画之抛物线运动实例详解
2017/07/27 Javascript
vue实现重置表单信息为空的方法
2018/09/29 Javascript
js实现点击上传图片并设为模糊背景
2020/08/02 Javascript
Python操作MySQL简单实现方法
2015/01/26 Python
Python字符串处理之count()方法的使用
2015/05/18 Python
python爬虫_自动获取seebug的poc实例
2017/08/05 Python
运动检测ViBe算法python实现代码
2018/01/09 Python
使用python实现链表操作
2018/01/26 Python
对Python的多进程锁的使用方法详解
2019/02/18 Python
python正则表达式匹配不包含某几个字符的字符串方法
2019/07/23 Python
python操作openpyxl导出Excel 设置单元格格式及合并处理代码实例
2019/08/27 Python
Python SELENIUM上传文件或图片实现过程
2019/10/28 Python
opencv resize图片为正方形尺寸的实现方法
2019/12/26 Python
python与js主要区别点总结
2020/09/13 Python
Noon埃及:埃及在线购物
2019/11/26 全球购物
安全检查管理制度
2014/02/02 职场文书
2014年公司植树节活动方案
2014/03/04 职场文书
答谢会策划方案
2014/05/12 职场文书
遵纪守法演讲稿
2014/05/23 职场文书
创先争优标语
2014/06/27 职场文书
治安消防安全责任书
2014/07/23 职场文书
法人授权委托书公证范本
2014/09/14 职场文书
市委召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
出纳工作检讨书范文
2014/12/27 职场文书