开启辅助访问
帐号登录 |立即注册

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

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

语法:
$(selector).toggle(function1(),function2(),functionN(),...)
当指定元素被点击时,在两个或多个函数之间轮流切换。

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

具体事例:

[JavaScript] 纯文本查看 复制代码
<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>


回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。