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

我有第一组和第二组。当用户单击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>

$（'.notifications'）。单击（函数（）{
$（'.drop_down_column2'）.toggle（）；
返回false；
});

这很简单：

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

由于您正在从

单击处理程序返回
false
。通知

，jQuery将阻止事件传播到

正文

。因此，本质上，任何时候单击任何位置，除了

.notifications

，您的div都将隐藏。

可能重复的