간단한 제이쿼리 질문이 있습니다.

간단한 제이쿼리 질문이 있습니다.

QA

간단한 제이쿼리 질문이 있습니다.

본문

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

 

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

 


<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><!-- 모달 메뉴 확장 -->
    </div>
</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");
                        },
                    });
</script>

 

 

이 질문에 댓글 쓰기 :

답변 1

$(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");
                 });
        });

답변을 작성하시기 전에 로그인 해주세요.
전체 123,130 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT