1. 程式人生 > >Jquery中toggle事件

Jquery中toggle事件

Html程式碼

<p>測試1</p>
<p>測試2</p>
<p style="display:none">隱藏測試</p>
<button class="btn1">點選</button>

切換P標籤顯示/隱藏

$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").toggle();
  });
});

把隱藏的P標籤顯示出來

$(document).ready(function(){
  $(".btn1"
).click(function(){ $("p").toggle(true); }); });

所有P標籤隱藏

$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").toggle(false);
  });
});

自定義切換P執行事件

$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").toggle(function(){
      點選第一次執行
    },function()
{
點選第二次執行 }); }); });