채택완료

토글

2019-08-29 (목) 17:59:19 2,273

아래 구글검색으로 찾은 토글인데요

이걸 적용하면 버튼 클릭하면 

정상적으로 #sub_content가 활성화가 되고 외부영역 클릭시 닫힘이 가능하지만 

내부영역(내용)부분을 클릭해도 닫힘이 생기는데요 

혹시 어떤 부분을 수정해야할까요 

$('.button1').click(function(event){
    event.stopPropagation();
    $('#sub_content').toggle();
});
 
$(document).click(function(){
    $('#sub_content').hide();
});

|

답변 2개 / 댓글 1개

채택된 답변
+20 포인트

다음 처럼 해 보세요.

$(document).click(function(){ 이것을 다음처럼
$(document).not('#sub_content').click(function() {

답변에 대한 댓글 1개

2019-08-29 (목) 18:36:52
답변감사합니다.
말씀해주신 부분을 넣어보니 내부영역부분을 클릭해도 닫힘현상은 없어졌으나

버튼을 클릭하여 #sub_content를 활성/비활성은 가능하지만
반대로 외부영역을 클릭시 닫힘현상이 먹히지 않고있네요..
2019-08-29 (목) 19:04:44

html도 같이 올려 주시면 답변하기가 조금 수월할 듯합니다.

답변을 작성하려면 로그인이 필요합니다.