點擊顯示隱藏，之前分享過幾篇文章了：

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