jQuery 的toggle()函数使用show()或hide()函数来切换HTML元素的可见状态。
语法：
$(selector).toggle(speed,callback,switch);
参数说明：
callback是toggle函数执行完之后要执行的函数，若要用callback参数则必须设置speed参数。
switch布尔值，规定toggle是否隐藏或显示所有的元素。
示例：
当有多个HTML元素要实现这个功能，如示例中有多个table要实现伸缩，我们没必要写多个的toggle函数，因为我们可以去构造相应的id或者name属性来却别不同的HTML元素，有时候我们大多数是从数据库中的数据传到页面上，此时我们可以用id或者可以却别的属性来设置。
分享到：
相关推荐
其中试了很多种方法都不行，最后通过读jquery的toggle函数实现了。 //这样写可以 $(.nav).toggle(function(){ $(.content).slideToggle(); }); //这样写不可以 $(.nav).toggle(function(){ $(.content).sli
主要介绍了jQuery基于toggle实现click触发DIV的显示与隐藏,结合实例形式分析了toggle方法用于切换页面元素样式的相关使用技巧,需要的朋友可以参考下
一、在元素的click事件中绑定两个或两个以上的函数 toggle不像bind需要在后面添加”click”来绑定click触发事件，toggle本身就是click触发的（而且只能click触发）， 如下实例： <input id="btntest" type=...
本文重点给大家介绍了jQuery中的2个函数hover和toggle的使用方法和示例，非常的简单实用，推荐给小伙伴们参考下。
本文实例讲述了jQuery复合事件结合toggle()方法的用法。分享给大家供大家参考，具体如下： 定义和用法 toggle() 方法用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。 语法： $(selector)....
主要介绍了jQuery 淡入/淡出效果函数用法,结合实例形式分析了jQuery 淡入/淡出功能fadeIn()、fadeOut()、fadeToggle()及fadeTo()函数基本功能、使用方法与操作注意事项,需要的朋友可以参考下
使用jQuery扩展工具函数实现对字符串指定类型的检测 第10章 在指定的查找范围内获取DOM元素 选择器中含有空格符与不含空格符的区别 事件中的target方法优化冒泡现象 使用data()方法在元素上存取移数据 使用data...
其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用，以及各种常用的jQuery插件的使用方法和技巧，所有这些知识点都配有完整的示例（包括...
通常会把 jQuery 代码放到 部分的事件处理方法中： 实例 <script type="text/javascript" src="jquery.js"> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); <h2>...
6.1.2 jquery中的load（）方法 6.1.3 jquery中的全局函数getjson（） 6.1.4 jquery中的全局函数getscript（） 6.1.5 jquery中异步加载xml文档 6.2 请求服务器数据 6.2.1 $.get（）请求数据 6.2.2 $....
例如jQuery版本用的是1.x，计划升级到3.x，就可以在页面删除1.x版本，换成3.x版本，如果有脚本错误，就引入jquery-migrate插件用于兼容低版本，同时也显示低版本方法替换成新版本方法的方案。 jQuery migrate（转移...
jQuery 1.2 中，您可以跨域加载 JSON 数据，使用时需将数据类型设置为 JSONP。使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。数据类型设置为 "jsonp" 时...
最近编写一个实例的时候使用到toggle函数，但是调用的时候会把元素隐藏掉，之前使用过也只是多个事件轮流切换罢了。百思不得其解于是就在网上搜索查看jQuery API文档。终于发现了原因： 原来在jQuery 1.9版本之后，...
本文实例讲述了jQuery中animate用法。分享给大家供大家参考。具体如下： 这是一个简单的animate函数尝试。代码如下： [removed] $(document).ready(function(){ $(".side-box h3").toggle(function(){ $(this)....
主要介绍了jQuery 隐藏/显示效果函数,结合实例形式分析了hide()、show()及toggle()函数的基本功能与使用技巧,需要的朋友可以参考下
在toggle()方法中，可以依次调用N个指定的函数，直到最后一个函数，然后重复对这个函数轮番调用,在函数之间切换调用的时候相当的方便,接下来将会详细介绍toggle()方法的使用，感兴趣的你可不要错过了啊
本文实例讲述了JQuery中DOM事件合成用法。分享给大家供大家参考。具体分析如下： jQuery有两个合成事件——hover()方法和toggle()方法，类似前面讲过的ready()方法，hover()方法和toggle()方法都属于jQuery自定义的...
还能使用简单的代码简单实现jquery的各种插件的效果 本文参考《《浅谈jquery》一书，加以整理，并结合自己的实际经验而成，可以看做一个 学习手册吧 编辑的时候代码全乱了，重新整理了下，可能代码格式还是有点乱，...