首页 > 代码库 > jquery 复合事件 toggle()方法的使用

jquery 复合事件 toggle()方法的使用

定义和用法

toggle() 方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。

语法:

$(selector).toggle(function1(),function2(),functionN(),...)

当指定元素被点击时,在两个或多个函数之间轮流切换。

 

与方法hide()、show()绑定使用,可实现折叠效果;

具体事例:

<script type="text/javascript" src="http://www.mamicode.com/js/jquery.js"></script><script type="text/javascript"> $(function(){        $("#dt1").toggle(            function(){$("#div1").show();},            function(){$("#div1").hide();}        );     })</script>     <dl>            <dt id="dt1">新闻管理</dt>            <div id="div1">            <dd>发布新闻</dd>            <dd>新闻列表</dd>            <dd>回收站</dd>            </div>        </dl>

 

jquery 复合事件 toggle()方法的使用