jQuery toggle 代替方法


Posted in Javascript onMarch 22, 2016

具体内容如下所示:

$('.back_left dt').toggle(function(){
$(this).addClass("selected");
$(this).siblings('dd').slideUp();
},function(){
$(this).removeClass("selected");
$(this).siblings('dd').slideDown();
});

今天在做一个项目,抄了别人网站上的一代码,发现怎么都无法实现,在我急得不想再搞时,想到会不会是jquery 的版本问题?随后把jquery 的版本降来1.8,功能实现了,我自己的jqurey 版本是1.11.1的,原来是版本的问题,原因找到了就好办了,百度了一下,才发现toggle方法在1.9版本时就已经删除了。换版本是可以解决问题,但我不想再使用低版本的,还是想使用1.11.1的版本,就想用什么方法代替toggle呢?

经过检测可以使用下面的方法来代替:

$(document).ready(function(){ 
$('.back_left dt').click(function(){
if($(this).hasClass("selected")){
$(this).toggleClass("selected");
$(this).siblings('dd').slideDown();
}else{
$(this).toggleClass("selected");
$(this).siblings('dd').slideUp();
} 
}); 
});

参数 描述
speed 可选。规定元素从可见到隐藏的速度(或者相反)。默认为 "0"。 可能的值: 毫秒 (比如 1500) "slow" "normal" "fast" 在设置速度的情况下,元素从可见到隐藏的过程中,会逐渐地改变其高度、宽度、外边距、内边距和透明度。 如果设置此参数,则无法使用 switch 参数。
callback 可选。toggle 函数执行完之后,要执行的函数。 如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。 除非设置了 speed 参数,否则不能设置该参数。
switch 可选。布尔值。规定 toggle 是否隐藏或显示所有被选元素。 True - 显示所有元素 False - 隐藏所有元素 如果设置此参数,则无法使用 speed 和 callback 参数。
Javascript 相关文章推荐
广告代码静态化js通用函数
May 09 Javascript
JavaScript 对Cookie 操作的封装小结
Dec 31 Javascript
js类型检查实现代码
Oct 29 Javascript
利用百度地图JSAPI生成h7n9禽流感分布图实现代码
Apr 15 Javascript
jquery实现红色竖向多级向右展开的导航菜单效果
Aug 31 Javascript
jQuery实现页面顶部下拉广告
Dec 30 Javascript
javascript 正则表达式去空行方法
Jan 24 Javascript
ReactJs设置css样式的方法
Jun 08 Javascript
微信小程序利用button控制条件标签的变量问题
Mar 15 Javascript
vue 实现用户登录方式的切换功能
Apr 14 Javascript
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
Jun 02 jQuery
Vue和Flask通信的实现
May 19 Vue.js
一款简单的jQuery图片标注效果附源码下载
Mar 22 #Javascript
酷炫jQuery全屏3D焦点图动画效果
Mar 22 #Javascript
浅析C/C++,Java,PHP,JavaScript,Json数组、对象赋值时最后一个元素后面是否可以带逗号
Mar 22 #Javascript
使用struts2+Ajax+jquery验证用户名是否已被注册
Mar 22 #Javascript
使用getBoundingClientRect方法实现简洁的sticky组件的方法
Mar 22 #Javascript
Node.js文件操作方法汇总
Mar 22 #Javascript
浅谈Sticky组件的改进实现
Mar 22 #Javascript
You might like
如何在PHP中使用Oracle数据库(5)
2006/10/09 PHP
PHP防注入安全代码
2008/04/09 PHP
PHP环境搭建的详细步骤
2016/06/30 PHP
PHP实现微信小程序人脸识别刷脸登录功能
2018/05/24 PHP
裁剪字符串trim()自定义改进版
2013/04/10 Javascript
对new functionName()定义一个函数的理解
2014/05/22 Javascript
JS实现日期时间动态显示的方法
2015/12/07 Javascript
AngularJS 视图详解及示例代码
2016/08/17 Javascript
jQuery中select与datalist制作下拉菜单时的区别浅析
2016/12/30 Javascript
详解在vue-cli项目中安装node-sass
2017/06/21 Javascript
在Debian(Raspberry Pi)树莓派上安装NodeJS的教程详解
2017/09/19 NodeJs
AngularJS双向数据绑定原理之$watch、$apply和$digest的应用
2018/01/30 Javascript
微信小程序全局变量功能与用法详解
2019/01/22 Javascript
[01:00:52]2018DOTA2亚洲邀请赛 4.4 淘汰赛 EG vs LGD 第一场
2018/04/05 DOTA
[38:40]2018DOTA2亚洲邀请赛 4.6淘汰赛 mineski vs LGD 第一场
2018/04/10 DOTA
Python自动发邮件脚本
2017/03/31 Python
Python3匿名函数用法示例
2018/07/25 Python
python中hasattr()、getattr()、setattr()函数的使用
2019/08/16 Python
Django 拆分model和view的实现方法
2019/08/16 Python
python实现人脸签到系统
2020/04/13 Python
利用matplotlib为图片上添加触发事件进行交互
2020/04/23 Python
Matplotlib 绘制饼图解决文字重叠的方法
2020/07/24 Python
Python实现数字的格式化输出
2020/08/01 Python
详解CSS3的box-shadow属性制作边框阴影效果的方法
2016/05/10 HTML / CSS
Qoo10马来西亚:全球时尚和引领潮流的购物市场
2016/08/25 全球购物
30岁生日感言
2014/01/25 职场文书
教师求职信范文
2014/05/24 职场文书
大型演出策划方案
2014/05/28 职场文书
员工试用期自我评价
2014/09/18 职场文书
报表员工作失误检讨书范文
2014/09/19 职场文书
安全责任书
2015/01/29 职场文书
2015教师年度思想工作总结
2015/04/30 职场文书
幼儿园教师教育随笔
2015/08/14 职场文书
Python基础详解之邮件处理
2021/04/28 Python
Django实现在线无水印抖音视频下载(附源码及地址)
2021/05/06 Python
QT与javascript交互数据的实现
2021/05/26 Javascript