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();
});

因为您从false点击处理程序返回.notifications，所以jQuery会阻止事件传播到body。所以从本质上说，只要你点击.notifications以外的任何地方，你的div都会隐藏。