Jquery的toggle()函数
toggle()函数用于切换元素的显示/隐藏 jquery还有一个同名的事件函数,toggle(),用于绑定click事件并在触发时轮流切换执行不同的事件处理函数。
toggle() 方法切换元素的可见状态
如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。
$(selector).toggle(speed,callback,switch)| speed | 可选。规定元素从可见到隐藏的速度(或者相反)。默认为 "0"。 |
| callback | 可选。toggle 函数执行完之后,要执行的函数。 |
| switch | 可选。布尔值。规定 toggle 是否隐藏或显示所有被选元素。 True - 显示所有元素 False - 隐藏所有元素 如果设置此参数,则无法使用 speed 和 callback 参数。 |
注意switch中的True、False 首字母大写
toggle() 方法循环调用函数
$(selector).toggle(fun1(),fun2(),funN(),...)其中,fun1,fun2就是多个函数的名称。例如,使用toggle()方法,当每次点击<div>元素时,显示不同内容,如下图所示:

在浏览器中显示的效果(下图将多个结果展示在了一起):

从图中可以看出,每次点击<div>元素时,都依次执行toggle()方法绑定的函数,当执行到最后一个函数时,再次点击将又返回执行第一个函数。(循环执行的,按照写的循序执行)
注意:toggle()方法支持目前主流稳定的jQuery版本1.8.2,在1.9.0之后的版本是不支持的。
本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!