【jQuery】使用toggle()方法绑定多个函数

toggle()方法可以在元素的click事件中绑定两个或两个以上的函数，同时，它还可以实现元素的隐藏与显示的切换，绑定多个函数的调用格式如下：

$(selector).toggle(fun1(),fun2(),funN(),...)

其中，fun1，fun2就是多个函数的名称

例如，使用toggle()方法，当每次点击<div>元素时，显示不同内容，如下图所示：

在浏览器中显示的效果：

从图中可以看出，每次点击<div>元素时，都依次执行toggle()方法绑定的函数，当执行到最后一个函数时，再次点击将又返回执行第一个函数。

注意：toggle()方法支持目前主流稳定的jQuery版本1.8.2，在1.9.0之后的版本是不支持的。

使用toggle()方法控制元素的显示与隐藏属性：

<script type="text/javascript">
            $(function () {
                $("#btntest").bind("click", function () {
                    $("div").toggle()
                })
            });
        </script>