테스트 사이트 - 개발 중인 베타 버전입니다

토글 채택완료

6년 전 조회 2,136

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

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

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

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

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

 

 

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

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

답변 2개

채택된 답변
+20 포인트

다음 처럼 해 보세요.

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

답변감사합니다.
말씀해주신 부분을 넣어보니 내부영역부분을 클릭해도 닫힘현상은 없어졌으나

버튼을 클릭하여 #sub_content를 활성/비활성은 가능하지만
반대로 외부영역을 클릭시 닫힘현상이 먹히지 않고있네요..

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

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

로그인 후 평가할 수 있습니다

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

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

로그인

전체 질문 목록

🐛 버그신고