테스트 사이트 - 개발 중인 베타 버전입니다

간단한 제이쿼리 질문이 있습니다. 채택완료

연구대상1호 6년 전 조회 2,063

간단하게 메뉴바를 만들어서 보이지 않다가 메뉴에 마우스 오버하면 아래에 있던 div가 보이게 하는 메뉴를 만들었는데요,

 

제이쿼리 문법이 어떻게 틀린걸까요? 생각대로 되지 않네요 ㅜㅜ

 

</p>

<p><ul class="top-menu">

            <li><a href="#">이모네집</a></li>

            <li><a href="#">메뉴소개</a></li>

            <li><a href="#">매장안내</a></li>

            <li><a href="#">가맹문의</a></li>

        </ul><!-- 모달 메뉴 확장 --></p>

<p>    </div></p>

<p></div>

<div class="sub-menu">

    <div class="sub-menu-box">

        <p class="sbp-p1"><a href="#">CEO인사말</a></p>

        <p class="sbp-p2"><a href="#">메뉴소개</a></p>

        <p class="sbp-p3"><a href="#">매장찾기</a></p>

        <p class="sbp-p4"><a href="#">창업비전</a></p>

        <p class="sbp-p5"><a href="#">개설비용</a></p>

    </div>

</div>

<script>

    $(function() {

                $(".top-menu>li>a").mouseenter(function() {

                        $(".sub-menu-box").css("display", "block");

                    },

                    .mouseleave(function() {

                            $(".sub-menu-box").css("display", "none");

                        },</p>

<p>                    });</p>

<p></script></p>

<p>

 

 

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

답변 1개

채택된 답변
+20 포인트
6년 전

$(function() {
                $(".top-menu>li>a").mouseenter(function() {
                        $(".sub-menu-box").css("display", "block");
                 });
                 $(".top-menu>li>a").mouseleave(function() {
                            $(".sub-menu-box").css("display", "none");
                 });
        });

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

답변에 대한 댓글 1개

연구대상1호
6년 전
아~~ 감사합니다.
마우스가 나갈때 선택자가 없어서 그랬군요~~

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

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

로그인