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

定義和用法

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>