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將隱藏。