jquery를 기반으로 다른 곳을 클릭하고 자체 code_jquery를 닫습니다.

Html:

코드 복사 코드는 다음과 같습니다.

클릭

show-area

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