Jquery中toggle事件

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_21425067/article/details/54645134

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(){
      点击第二次执行
    });
  });
});