jQuery複合事件結合toggle()的用法範例

本文主要介紹了jQuery複合事件結合toggle()方法的用法,實例分析了toggle()方法的功能、定義以及與複合事件結合使用的操作技巧,需要的朋友可以參考下，希望能幫助到大家。

本文實例講述了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(){$("#p1").show();},
      function(){$("#p1").hide();}
    );
   })
</script>
<dl>
  <dt id="dt1">新闻管理</dt>
  <p id="p1">
  <dd>发布新闻</dd>
  <dd>新闻列表</dd>
  <dd>回收站</dd>
  </p>
</dl>

相關推薦：

相關jQuery複合事件用法範例

jQuery.fadeToggle() 函數使用詳解

##jQuery.toggle() 函數用法實例詳解

以上是jQuery複合事件結合toggle()的用法範例的詳細內容。更多資訊請關注PHP中文網其他相關文章！