팝업 만들기

HTML

 <!-- layer -->
            <div class="layer_bg"></div>
            <div class="layer">
                <h2>해설보기</h2>
                <p id="quizComment"></p>
                <a href="#javascript;;" class="close">닫기</a>
            </div>
            <!-- layer -->
        </section>

SCRIPT

//레이어 팝업
        $(".comment").click(function(){
            $(".layer").show();
            $(".layer_bg").show();
        });
        $(".layer .close").click(function(){
            $(".layer").slideUp(300);
            $(".layer_bg").hide();
        });

팝업 CSS 보기 :