jQuery - click点击显示隐藏，同时点击其它空白区域隐藏

点击显示隐藏，之前分享过几篇文章了：

0、jQuery(最优)点击切换显示隐藏状态，点击显示隐藏菜单，.click切换

1、jQuery点击显示隐藏（简单）

2、jQuery：点击显示隐藏、横向淡入淡出

3、jQuery 点击显示隐藏CSS - toggleClass() 方法

4、即插即用 点击 下拉菜单 javascript

5、案例：jQuery文本段落展开和折叠效果/点击查看更多、点击隐藏（*）

6、即插即用：JS 点击“显示全部”、点击隐藏/折叠部分区域文字 - 特效代码

都是关于点击显示隐藏的，但都没有明确的分享：click点击隐藏展开后，点击网页其它空白区域自动隐藏功能！

$(function () {
 $("#admin").on("click", function(e){
         $(".admin").show(100);
     $(document).one("click", function(){
       $(".admin").hide(100);
  }
    );
      e.stopPropagation();
 }
    );
 $(".admin").on("click", function(e){
         e.stopPropagation();
 }
    );
}
    );
    

HTML

div id="admin">
    点击图标/div>
    div class="admin">
    展开隐藏区域/div>
    

此时，点击#admin，即可显示.admin，同时，点击网页其它空白区域，也能自动隐藏掉.admin

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！