마우스 오버 서브메뉴 block 채택완료
답변 1개
채택된 답변
+20 포인트
7년 전
코드 편의성을 위해 대메뉴의 클래스를 gnb 로 동일하게 하는 것을 추천하겠습니다.
예제코드입니다.
</p>
<p><script></p>
<p>$(function() {
$('.gnb').hover(function() {
$(this).find('div').show();
}, function() {
$(this).find('div').hide();
});
});</p>
<p></script></p>
<p> </p>
<p><li class="gnb">대메뉴1
<div class="gnb-2dep" style="display: none;">서브메뉴1-1</div>
<li></p>
<p><li class="gnb">대메뉴2
<div class="gnb-2dep" style="display: none;">서브메뉴2-1</div>
<li></p>
<p>
대메뉴1, 대메뉴2를 꼭 gnb1, gnb2 클래스로 클래스명이 다르게 가야 한다면,
위의 코드에서 셀렉터를
$('.gnb').hover(function() {
->
$('li[class^=gnb').hover(function() {
식으로 변경해도 됩니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
채택
답변대기
답변대기
채택
답변대기