간단한 제이쿼리 질문이 있습니다.
본문
간단하게 메뉴바를 만들어서 보이지 않다가 메뉴에 마우스 오버하면 아래에 있던 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");
});
});
아~~ 감사합니다.
마우스가 나갈때 선택자가 없어서 그랬군요~~
답변을 작성하시기 전에 로그인 해주세요.