Html:

复制代码 代码如下:

<div>click</div>

<div>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");

}

});

});