전체메뉴 소스 질문! 채택완료

<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>

<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>