전체메뉴 소스 질문!
본문
javascript
<script type="text/javascript">
//네비게이션 레이아웃 적용
$(document).ready(function(){
$("nav.nav a").mouseenter(function() {
if($("div#subBox").css("display") != "block"){
$("div#subBox").show();
$("ul.depth2").slideDown();
}
});
$("div.navBox").mouseleave(function() {
$("div#subBox").hide();
$("ul.depth2").hide();
});
})
// 네비게이션 서브메뉴 배경 세로사이즈 적용
$(document).ready(function(){
var heights = $("ul.depth2").map(function ()
{
return $(this).height();
}).get(),
maxHeight = Math.max.apply(null, heights);
$("div.subBox").css('height', maxHeight + 30);
$("ul.depth2").css('height', maxHeight + 20);
$("nav.nav a").mouseenter(function() {
$("li.gnb1").css('height', maxHeight + 77);
});
$("nav.nav a").mouseleave(function() {
$("li.gnb1").css('height', 47);
});
});
</script>
body
<div class="navBox">
<div id="subBox" class="subBox"></div>
<nav class="nav">
<ul class="depth1">
<li class="new_gnb1">
<a href="#" target="_self" class="new_nav_1da">대분류1</a>
<ul class="new_depth2">
<li id="new_nav_2da"><a href="#" target="_self" class="new_nav_2da">중분류1</a></li>
<li id="new_nav_2da"><a href="#" target="_self" class="new_nav_2da">중분류2</a></li>
</ul>
</li>
<li class="new_gnb1">
<a href="#" target="_self" class="new_nav_1da">대분류2</a>
<ul class="new_depth2">
<li id="new_nav_2da"><a href="#" target="_self" class="new_nav_2da">중분류1</a></li>
<li id="new_nav_2da"><a href="#" target="_self" class="new_nav_2da">중분류2</a></li>
</ul>
</li>
<li class="gnb1">
<a href="#" target="_self" class="nav_1da">대분류3</a>
<ul class="depth2">
<li id="nav_2da"><a href="#" target="_self" class="nav_2da">중분류1</a></li>
<li id="nav_2da"><a href="#" target="_self" class="nav_2da">중분류2</a></li>
</ul>
</li>
<li class="gnb1">
<a href="#" target="_self" class="nav_1da">대분류4</a>
<ul class="depth2">
<li id="nav_2da"><a href="#" target="_self" class="nav_2da">중분류1</a></li>
<li id="nav_2da"><a href="#" target="_self" class="nav_2da">중분류2</a></li>
</ul>
</li>
</ul>
</nav>
</div>
전체메뉴 소스입니다. 잘 작동됩니다만 기능을 추가하고 싶은데 잘안되네요..
gnb1 - 대분류3,대분류4은 전체메뉴가 잘 열립니다.
new_gnb1 - 대분류1,대분류2를 li를 다르게하여 새롭게 만들었습니다.
javascript 부분을 어떻게 바꿔줘야 각각 다르게 전체메뉴가 열릴까요?
아무리 스크립트를 바꿔봐도 안되네요.. 도와주세요!
답변을 작성하시기 전에 로그인 해주세요.
