레이어팝업 질문이요ㅠㅠ

<div style="height: 300px;"></div>

    <a href="#layer1" class="btn-example">일반 팝업레이어</a>

    <div id="layer1" class="pop-layer">

        <div class="pop-container">

            <div class="pop-conts">

                <!--content //-->

                <p class="ctxt mb20">Thank you.<br>

                    Your registration was submitted successfully.<br>

                    Selected invitees will be notified by e-mail on JANUARY 24th.<br><br>

                    Hope to see you soon!

                </p>

    

                <div class="btn-r">

                    <a href="#" class="btn-layerClose">Close</a>

                </div>

                <!--// content-->

            </div>

        </div>

    </div>


 

<script>

$('.btn-example').load(function(){

        var $href = $(this).attr('href');

        layer_popup($href);

    });

    function layer_popup(el){

 

        var $el = $(el);        //레이어의 id를 $el 변수에 저장

        var isDim = $el.prev().hasClass('dimBg');   //dimmed 레이어를 감지하기 위한 boolean 변수

 

        isDim ? $('.dim-layer').fadeIn() : $el.fadeIn();

 

        var $elWidth = ~~($el.outerWidth()),

            $elHeight = ~~($el.outerHeight()),

            docWidth = $(document).width(),

            docHeight = $(document).height();

 

        // 화면의 중앙에 레이어를 띄운다.

        if ($elHeight < docHeight || $elWidth < docWidth) {

            $el.css({

                marginTop: -$elHeight /2,

                marginLeft: -$elWidth/2

            })

        } else {

            $el.css({top: 0, left: 0});

        }

 

        $el.find('a.btn-layerClose').click(function(){

            isDim ? $('.dim-layer').fadeOut() : $el.fadeOut(); // 닫기 버튼을 클릭하면 레이어가 닫힌다.

            return false;

        });

 

        $('.layer .dimBg').click(function(){

            $('.dim-layer').fadeOut();

            return false;

        });

 

    }

 

</script>