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

最新推荐文章于 2024-10-16 10:40:59 发布

转载最新推荐文章于 2024-10-16 10:40:59 发布 · 209 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yuanwanli/p/5929496.html

文章标签：

#javascript #ViewUI

定义和用法

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>

转载于:https://www.cnblogs.com/yuanwanli/p/5929496.html