关于javascript：jQuery：在元素的任何其他位置单击时隐藏元素

jQuery: Hide element on click anywhere else apart of the element

本问题已经有最佳答案，请猛点这里访问。

Possible Duplicate:
How to detect a click outside an element?

我试图实现如果用户单击元素以外的任何地方，div都会隐藏起来。如果用户单击某个按钮，我会用下面的代码来执行toggle()。如果Details元素可见，我希望按钮单击保持加号，并对屏幕的其他部分做出反应。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

$('.nav-toggle').click(function() {
//get collapse content selector
var collapse_content_selector = $(this).attr('href');

//make the collapse content to be shown or hide
var toggle_switch = $(this);
$(collapse_content_selector).toggle(function() {
if ($(this).css('display') == 'none') {
//change the button label to be 'Show'
toggle_switch.html('Show Details');
} else {
//change the button label to be 'Hide'
toggle_switch.html('Hide Details');
}
});
});