基于jquery点击自以外任意处，关闭自身的代码

<div class="down">click</div> 
<div class="con hide">show-area</div> 
 
CSS: 
 代码如下:

.hide{display:none;} 
 
js: 
 代码如下:

$(document).ready(function(){ 
$("div.down").click(function(e){ 
e.stopPropagation(); 
$("div.con").removeClass("hide"); 
}); 
$(document).click(function(){ 
if(!$("div.con").hasClass("hide")){ 
$("div.con").addClass("hide"); 
} 
}); 
});