jquery に基づいて、from 以外の場所をクリックして独自の code_jquery を閉じます

Html:

コードをコピー コードは次のとおりです:

クリック

show-area

CSS:

コードをコピーします コードは次のとおりです:

.hide{display:none;}

js:

コードをコピーします コードは次のとおりです。

$(document).ready(function( ){
$("div .down").click(function(e){
e.stopPropagation();
$("div.con").removeClass("hide");
});
$ (ドキュメント).click(function(){
if(!$("div.con").hasClass("hide")){
$("div.con") con").addClass("隠す" );
}
});
});