将切换功能与其他功能相结合

Question

我似乎无法找到将这两个功能合二为一的正确方法。 这两个功能都可以工作，但是当它们组合在一起时，它们就无法工作了。

功能：1（标准切换功能）

$(document).click(function(event) { 
   if(!$(event.target).closest('#myDiv').length) {
      if($('#myDiv').is(":visible")) {
         $("#myDiv").hide();
      }
   }        
})

功能：2（点击任意位置，除了div，隐藏它）

{{1}}

我想要实现的目标是：

1. 如果div隐藏 - ＆gt;单击按钮时显示div
2. 如果div可见 - ＆gt;点击任意位置时隐藏div，除了div

Answer 1

使用一个事件处理程序，并执行不同的操作

flip(random.randrange(2))

FIDDLE