팝업 모두 닫았을때 팝업창을 감싸는 영역 사라지게 하기
본문
팝업 영역이 헤더 위에 존재하고 그 안에 팝업창이 세개가 있는데
모두 닫았을 경우 팝업 영역을 모두 사라지게 하고 싶습니다.
<div class="acfMnPopWrp">
<div class="inner">
<div class="popCnt">
<div class="popItm popItm1">
팝업 1
<div class="popClsBtn">
<span>닫기 버튼</span>
</div>
</div>
<div class="popItm popItm2">
팝업 2
<div class="popClsBtn">
<span>닫기 버튼</span>
</div>
</div>
<div class="popItm popItm3">
팝업 3
<div class="popClsBtn">
<span>닫기 버튼</span>
</div>
</div>
</div>
</div>
</div>
$('.popItm1 .popClsBtn').click(function(){
$('.popItm1').remove();
});
$('.popItm2 .popClsBtn').click(function(){
$('.popItm2').remove();
});
$('.popItm3 .popClsBtn').click(function(){
$('.popItm3').remove();
});
답변 2
if(document.getElementsByClassName('popClsBtn').length <= 0) {
$('.acfMnPopWrp').hide();
}
위 로직을 팝업창 닫기 할때마다 실행시키면 모든 창이 닫길 때 바로 그 영역이 없어지게 됩니다.
도움이 되길
리무브 할때 카운트를 증가하고 3이면 영역을 닫게 만드셔도 될거 같습니다.
답변을 작성하시기 전에 로그인 해주세요.
