jquery/javascript:当单击页面上除选定div之外的任何位置时隐藏div？

Question

我有div-1和div-2。当用户单击div-1时，将显示div-2。这使用jquery作为切换函数进行操作，因此当用户重新单击div-1时，div 2将再次隐藏。现在，我想在我的jquery中添加一条语句，声明如果用户单击页面的另一个区域，比如一个不是div-1的区域，那么也要隐藏div-2。有人能告诉我怎么做吗，因为我是jquery和javascript的新手。

谢谢

<script type="text/javascript"> 
$('.notifications').click(function() {
       $('.drop_down_column2').toggle();
       return false;
   });
   </script>

Answer 1

这很简单：

$('body').click(function() {
    $('.drop_down_column2').hide();
});

因为您将从.notifications单击处理程序返回false，所以jQuery将阻止将事件传播到body。所以在本质上，任何时候你点击任何地方，除了.notifications，你的div都会隐藏起来。