如何实现一个DIV以外的单击函数?

Question

例如一个<DIV ID='TEST'></DIV>, 我现在想实现在ID=TEST的DIV以外的地方,只要单击就可以触发一个函数隐藏, 或者显示test的DIV,有没有什么办法

Answer 1

<DIV ID='TEST'>12312312312</DIV>
<div onclick="document.getElementById('TEST').style.display='block';">SHOW</div>
<div onclick="document.getElementById('TEST').style.display='none';">HIDE</div>

Answer 2

jquery:
$(document).bind("click", function (e) {
    if(!$(e.target).closest("#TEST").is("div")){
        $("div#TEST").css("display","none");
    }
});