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

팝업 모두 닫았을때 팝업창을 감싸는 영역 사라지게 하기 채택완료

팝업 영역이 헤더 위에 존재하고 그 안에 팝업창이 세개가 있는데

모두 닫았을 경우 팝업 영역을 모두 사라지게 하고 싶습니다.

 

</p>

<p><div class="acfMnPopWrp"></p>

<p>    <div class="inner"></p>

<p>        <div class="popCnt"></p>

<p>            <div class="popItm popItm1"></p>

<p>                팝업 1</p>

<p>                <div class="popClsBtn"></p>

<p>                    <span>닫기 버튼</span></p>

<p>                </div></p>

<p>            </div></p>

<p>            <div class="popItm popItm2"></p>

<p>                팝업 2</p>

<p>                <div class="popClsBtn"></p>

<p>                    <span>닫기 버튼</span></p>

<p>                </div></p>

<p>            </div></p>

<p>            <div class="popItm popItm3"></p>

<p>                팝업 3</p>

<p>                <div class="popClsBtn"></p>

<p>                    <span>닫기 버튼</span></p>

<p>                </div></p>

<p>            </div></p>

<p>        </div></p>

<p>    </div></p>

<p></div></p>

<p>

 

</p>

<p>$('.popItm1 .popClsBtn').click(function(){</p>

<p>        $('.popItm1').remove();</p>

<p>    });</p>

<p>    $('.popItm2 .popClsBtn').click(function(){</p>

<p>        $('.popItm2').remove();</p>

<p>    });</p>

<p>    $('.popItm3 .popClsBtn').click(function(){</p>

<p>        $('.popItm3').remove();</p>

<p>    });</p>

<p>

 

 

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

답변 2개

채택된 답변
+20 포인트

</p>

<p>if(document.getElementsByClassName('popClsBtn').length <= 0) {</p>

<p>$('.<code>acfMnPopWrp</code>').hide();</p>

<p>}</p>

<p>

위 로직을 팝업창 닫기 할때마다 실행시키면 모든 창이 닫길 때 바로 그 영역이 없어지게 됩니다.

도움이 되길

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

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

리무브 할때 카운트를 증가하고 3이면 영역을 닫게 만드셔도 될거 같습니다.

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

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

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

로그인

전체 질문 목록

🐛 버그신고