팝업 영역이 헤더 위에 존재하고 그 안에 팝업창이 세개가 있는데
모두 닫았을 경우 팝업 영역을 모두 사라지게 하고 싶습니다.
Copy
<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>
Copy
$('.popItm1 .popClsBtn').click(function(){
$('.popItm1').remove();
});
$('.popItm2 .popClsBtn').click(function(){
$('.popItm2').remove();
});
$('.popItm3 .popClsBtn').click(function(){
$('.popItm3').remove();
});
답변 2개
채택된 답변
+20 포인트
swallow
2년 전
Copy
if(document.getElementsByClassName('popClsBtn').length <= 0) {
$('.acfMnPopWrp').hide();
}위 로직을 팝업창 닫기 할때마다 실행시키면 모든 창이 닫길 때 바로 그 영역이 없어지게 됩니다.
도움이 되길
블랙캣77
2년 전
리무브 할때 카운트를 증가하고 3이면 영역을 닫게 만드셔도 될거 같습니다.
답변을 작성하려면 로그인이 필요합니다.