【JQuery】点击显示，再点击隐藏

在这之前，我以为没有直接使用的方法，需要自己去判断点击的奇偶次来进行显示隐藏；或者根据不同的布局，来进行显示隐藏也是也可以实现的

不过，在JQuery中有一个封装好，可以直接使用的方法

toggle（）

 

toggle() 方法切换元素的可见状态。

如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。

$("#btn").click(function(){
  $("div").toggle();
});

 

具体说明文档可以参考：https://www.w3school.com.cn/jquery/effect_toggle.asp