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

Posted 2020-08-12

定义和用法

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

语法：

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

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

 

与方法hide（）、show（）绑定使用，可实现折叠效果；

具体事例：

<script type="text/javascript" src="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>