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 相关文章推荐
Javascript和Ajax中文乱码吐血版解决方案
Dec 21 Javascript
JavaScript调用Activex控件的事件的实现方法
Apr 11 Javascript
判断一个对象是否为jquery对象的方法
Mar 12 Javascript
原生js实现模拟滚动条
Jun 15 Javascript
Bootstrap学习笔记之css样式设计(1)
Jun 07 Javascript
jQuery实现点击表格单元格就可以编辑内容的方法【测试可用】
Aug 01 Javascript
详解AngularJS ui-sref的简单使用
Apr 24 Javascript
使用Browserify来实现CommonJS的浏览器加载方法
May 14 Javascript
layui 优化button按钮和弹出框的方法
Aug 15 Javascript
浅谈在vue中使用mint-ui swipe遇到的问题
Sep 27 Javascript
IE8中jQuery.load()加载页面不显示的原因
Nov 15 jQuery
JavaScript 与 TypeScript之间的联系
Nov 27 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
session在PHP大型web应用中的使用
2011/06/25 PHP
解析php常用image图像函数集
2013/06/24 PHP
php多用户读写文件冲突的解决办法
2013/11/06 PHP
PHP5.5迭代生成器用法实例详解
2016/03/16 PHP
laravel 修改.htaccess文件 重定向public的解决方法
2019/10/12 PHP
PHP基于进程控制函数实现多线程
2020/12/09 PHP
JavaScript可否多线程? 深入理解JavaScript定时机制
2012/05/23 Javascript
jquery实现瀑布流效果分享
2014/03/26 Javascript
jquery常用方法及使用示例汇总
2014/11/08 Javascript
jquery表单验证需要做些什么
2015/11/17 Javascript
javascript中错误使用var造成undefined
2016/03/31 Javascript
利用jquery实现下拉框的禁用与启用
2016/12/07 Javascript
详解Angular 开发环境搭建
2017/06/22 Javascript
vue.js移动端tab组件的封装实践实例
2017/06/30 Javascript
认识less和webstrom的less配置方法
2017/08/02 Javascript
ionic3 懒加载
2017/08/16 Javascript
JavaScript通过mouseover()实现图片变大效果的示例
2017/12/20 Javascript
微信小程序之多文件下载的简单封装示例
2018/01/29 Javascript
vue脚手架及vue-router基本使用
2018/04/09 Javascript
Vue条件循环判断+计算属性+绑定样式v-bind的实例
2018/09/18 Javascript
vue-resourc发起异步请求的方法
2020/02/11 Javascript
redux处理异步action解决方案
2020/03/22 Javascript
vscode 插件开发 + vue的操作方法
2020/06/05 Javascript
Vue+element+cookie记住密码功能的简单实现方法
2020/09/20 Javascript
详解Python Socket网络编程
2016/01/05 Python
python中requests爬去网页内容出现乱码问题解决方法介绍
2017/10/25 Python
python 进制转换 int、bin、oct、hex的原理
2021/01/13 Python
美国户外生活方式品牌:Eddie Bauer
2016/12/28 全球购物
美国打印机墨水和碳粉购物网站:QuikShip Toner
2018/08/29 全球购物
建筑工程实习自我鉴定
2013/09/19 职场文书
小学体育教学反思
2014/01/31 职场文书
采购部长岗位职责
2014/06/13 职场文书
民事诉讼代理委托书
2014/10/08 职场文书
群众路线四风对照检查材料
2014/11/04 职场文书
平安建设汇报材料
2014/12/29 职场文书
html原生table实现合并单元格以及合并表头的示例代码
2023/05/07 HTML / CSS