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 相关文章推荐
常用Extjs工具:Extjs.util.Format使用方法
Mar 22 Javascript
文本框只能选择数据到文本框禁止手动输入
Nov 22 Javascript
原生JS实现LOADING效果
Mar 16 Javascript
JavaScript自定义等待wait函数实例分析
Mar 23 Javascript
浅析四种常见的Javascript声明循环变量的书写方式
Oct 14 Javascript
详解js图片轮播效果实现原理
Dec 17 Javascript
swiper动态改变滑动内容的实现方法
Jan 17 Javascript
vue.js将时间戳转化为日期格式的实现代码
Jun 05 Javascript
React router动态加载组件之适配器模式的应用详解
Sep 12 Javascript
JS执行控制之节流模式实例分析
Dec 21 Javascript
微信小程序的tab选项卡的实现效果
May 15 Javascript
vuex管理状态仓库使用详解
Jul 29 Javascript
一款简单的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
MySQL时间字段究竟使用INT还是DateTime的说明
2012/02/27 PHP
浅析PHP中的UNICODE 编码与解码
2013/06/29 PHP
PHP  Yii清理缓存的实现方法
2016/11/10 PHP
Zend Framework动作控制器用法示例
2016/12/09 PHP
PHP+AjaxForm异步带进度条上传文件实例代码
2017/08/14 PHP
setTimeout自动触发一个js的方法
2014/01/15 Javascript
JavaScript中的6种运算符总结
2014/10/16 Javascript
HTML5+setCutomValidity()函数验证表单实例分享
2015/04/24 Javascript
JavaScript中的Math.E属性使用详解
2015/06/12 Javascript
JavaScript中将数组进行合并的基本方法讲解
2016/03/07 Javascript
jQuery获取attr()与prop()属性值的方法及区别介绍
2016/07/06 Javascript
解决webpack -p压缩打包react报语法错误的方法
2017/07/03 Javascript
layui.js实现的表单验证功能示例
2017/11/15 Javascript
深入解析Vue源码实例挂载与编译流程实现思路详解
2019/05/05 Javascript
详解如何在vue项目中使用layui框架及采坑
2019/05/05 Javascript
JavaScript获取某一天所在的星期
2019/09/05 Javascript
浅谈Webpack4 Tree Shaking 终极优化指南
2019/11/18 Javascript
[02:36]DOTA2亚洲邀请赛小组赛精彩集锦:EE凭借法力虚空拿下4杀
2017/03/30 DOTA
Python help()函数用法详解
2014/03/11 Python
python统计cpu利用率的方法
2015/06/02 Python
详解python数据结构和算法
2019/04/18 Python
在Pytorch中使用样本权重(sample_weight)的正确方法
2019/08/17 Python
python数据类型强制转换实例详解
2020/06/22 Python
Python爬虫与反爬虫大战
2020/07/30 Python
Django+Django-Celery+Celery的整合实战
2021/01/20 Python
HTML5页面直接调用百度地图API获取当前位置直接导航目的地的实现代码
2018/03/02 HTML / CSS
英国最大的在线亚洲杂货店:Red Rickshaw
2020/03/22 全球购物
介绍一下HDLC(High-Level Data Link Control)高层数据链路协议
2012/01/21 面试题
车辆维修工自我评价怎么写
2013/09/20 职场文书
党员年终民主评议的自我评价
2013/11/05 职场文书
勤俭节约演讲稿
2014/05/08 职场文书
音乐幼师求职信
2014/07/09 职场文书
群教班子对照检查材料
2014/08/26 职场文书
教师节感想
2015/08/11 职场文书
远程教育培训心得体会
2016/01/09 职场文书
Golang 链表的学习和使用
2022/04/19 Golang