SIR
목록으로

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

심심한나쵸
프로필 보기이 회원 글보기이 회원의 댓글보기
 2년 전 조회 4,461
답변 2
목록

3554271915_1687239131.6165.png

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

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

 

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();

    });

 

 

#javascript #jquery #그누보드

답변 2개

채택된 답변
+20 포인트

Copy 
if(document.getElementsByClassName('popClsBtn').length <= 0) {

$('.acfMnPopWrp').hide();

}

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

도움이 되길

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

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

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

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

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

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

로그인
🐛 버그신고