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 相关文章推荐
用jquery实现的模拟QQ邮箱里的收件人选取及其他效果(一)
Jan 06 Javascript
js验证是否为数字的总结
Apr 14 Javascript
纯javascript实现的小游戏《Flappy Pig》实例
Jul 27 Javascript
一步步教大家编写酷炫的导航栏js+css实现
Mar 14 Javascript
javascript HTML5 Canvas实现圆盘抽奖功能
Apr 11 Javascript
jQuery插件cxSelect多级联动下拉菜单实例解析
Jun 24 Javascript
vue webpack实用技巧总结
Apr 24 Javascript
详解各版本React路由的跳转的方法
May 10 Javascript
详解vue通过NGINX部署在子目录或者二级目录实践
Sep 03 Javascript
JS实现电话号码的字母组合算法示例
Feb 26 Javascript
JS获取本地地址及天气的方法实例小结
May 10 Javascript
封装一下vue中的axios示例代码详解
Feb 16 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
PHP HTML代码串截取代码
2008/12/29 PHP
PHP 文本文章分页代码 按标记或长度(不涉及数据库)
2012/06/07 PHP
迅速确定php多维数组的深度的方法
2014/01/07 PHP
WordPress导航菜单的滚动和淡入淡出效果的实现要点
2015/12/14 PHP
jQuery Ajax 全解析
2009/02/08 Javascript
JQuery jsonp 使用示例代码
2009/08/12 Javascript
JS中confirm,alert,prompt函数使用区别分析
2010/04/01 Javascript
javascript中类的定义及其方式(《javascript高级程序设计》学习笔记)
2011/07/04 Javascript
JS 操作符整理[推荐收藏]
2011/11/15 Javascript
JavaScript中关于for循环删除数组元素内容时出现的问题
2016/11/21 Javascript
JavaScript实现省市县三级级联特效
2017/05/16 Javascript
vue父组件中获取子组件中的数据(实例讲解)
2017/09/27 Javascript
webpack4.0+vue2.0利用批处理生成前端单页或多页应用的方法
2019/06/28 Javascript
vue props 单项数据流实例分享
2020/02/16 Javascript
vue实现员工信息录入功能
2020/06/11 Javascript
Python实现二叉堆
2016/02/03 Python
简要讲解Python编程中线程的创建与锁的使用
2016/02/28 Python
Python实现曲线拟合操作示例【基于numpy,scipy,matplotlib库】
2018/07/12 Python
Python类中的魔法方法之 __slots__原理解析
2019/08/26 Python
python实现生成Word、docx文件的方法分析
2019/08/30 Python
Python递归及尾递归优化操作实例分析
2020/02/01 Python
Python基于字典实现switch case函数调用
2020/07/22 Python
Python matplotlib模块及柱状图用法解析
2020/08/10 Python
详解python tkinter 图片插入问题
2020/09/03 Python
html5嵌入内容_动力节点Java学院整理
2017/07/07 HTML / CSS
松本清官方海外旗舰店:日本最大的药妆连锁店
2017/11/21 全球购物
优秀士兵个人事迹材料
2014/01/19 职场文书
最新结婚典礼主持词
2014/03/14 职场文书
秋天的雨教学反思
2014/04/27 职场文书
希特勒经典演讲稿
2014/05/19 职场文书
2014党的群众路线教育实践活动学习心得体会
2014/10/31 职场文书
群众路线教育实践活动学习笔记
2014/11/05 职场文书
幼儿园六一儿童节活动总结
2015/02/10 职场文书
确保工程质量承诺书
2015/04/29 职场文书
2016反腐倡廉警示教育心得体会
2016/01/13 职场文书
MySQL 重写查询语句的三种策略
2021/05/10 MySQL