jquery Left menu

<style>

.ns_1 {margin-left:20px;margin-top:6px;font-size:12px;line-height:22px;}

.ns_1 a {text-decoration:none;color:#858585;text-decoration:none;font-family:"맑은 고딕";}

/* 2013.04.19 추가 */

.ns_1 li {font-weight:bold;}

.dis_none { display:none; }

</style>

<script type="text/javascript">

$(function(){

$("ul.new_navi > li > a > h4").mouseover(function(_aa){

$("ul.new_navi > li > a > h4").not($(this)).parent().parent().find("ul[class^='ns_']").hide('fast');

$(this).parent().parent().find("ul[class^='ns_']").show('fast');

});

$(".atag").live('mouseover',function(){

$(".atag").removeClass('selected highlight');

$(".atag").css('color','#858585');

$(this).addClass('selected highlight');

$(this).css('color','#f51f54');

});

$(".ns_1").mouseover(function(){

$(this).parent().find("img").attr("src", $(this).parent().find("img").attr("src").replace("_over.jpg", "_over.jpg"));

});

/**/

});

</script>

<div style="margin-bottom:13px;"><img src="/app/tpl/type_company/new_img/left_title_04.jpg" /></div>

<ul class="new_navi">

<li><a href="/app/ios/board/skin/basic/board_list.asp?menuidx=869#" onfocus="blur();"><h4><img src="/app/tpl/type_company/new_img/left_menu_04_1.jpg" onmouseover='this.src="/app/tpl/type_company/new_img/left_menu_04_1_over.jpg"' onmouseout='this.src="/app/tpl/type_company/new_img/left_menu_04_1.jpg"'></h4></a>

<ul class="ns_1 dis_none">

<li><a href="/app/ios/board/skin/basic/board_list.asp?menuidx=869" class="atag">공지사항</a></li>

<li><a href="/app/ios/board/skin/basic/board_list.asp?menuidx=870" class="atag">수업자료</a></li>

<li><a href="/app/ios/board/skin/basic/board_list.asp?menuidx=29677" class="atag">강사교육신청</a></li>

<li><a href="/app/ios/board/skin/basic/board_list.asp?menuidx=29678" class="atag">토론방</a></li>

<li><a href="/app/ios/board/skin/basic/board_list.asp?menuidx=29679" class="atag">건의방</a></li>

<li><a href="/app/ios/board/skin/photo_work/board_list.asp?menuidx=9879" class="atag">갤러리</a></li>

</ul>

</li>

<li><a href="/app/ios/board/skin/basic/board_list.asp?menuidx=3727" onfocus="blur();"><h4><img src="/app/tpl/type_company/new_img/left_menu_04_3.jpg" onmouseover='this.src="/app/tpl/type_company/new_img/left_menu_04_3_over.jpg"' onmouseout='this.src="/app/tpl/type_company/new_img/left_menu_04_3.jpg"'></h4></a>

<ul class="ns_1 dis_none">

<li><a href="/app/ios/board/skin/basic/board_list.asp?menuidx=3727" class="atag">공지사항</a></li>

<li><a href="/app/ios/board/skin/basic/board_list.asp?menuidx=875" class="atag">지사소식</a></li>

<li><a href="/app/ios/board/skin/basic/board_list.asp?menuidx=3728" class="atag">영업자료공유</a></li>

<li><a href="/app/ios/branch/branch_stat_list_work.asp?menuidx=12781" class="atag">학원현황조회</a></li>

<li><a href="/app/ios/mypage/book/list_work.asp?menuIdx=-1600&year=<%=Year(Now())%>&month=<%=Month(Now())%>" class="atag">학원매출조회</a></li>

<li><a href="/app/ios/board/skin/basic/board_list.asp?menuidx=3729" class="atag">토론방</a></li>

<li><a href="/app/ios/board/skin/basic/board_list.asp?menuidx=29687" class="atag">건의방</a></li>

<li><a href="/app/ios/board/skin/photo_work/board_list.asp?menuidx=3730" class="atag">갤러리</a></li>

</ul>

</li>

<li><a href="/app/public_contents/teacher/teacher_eclass_work.asp?menuidx=4138" onfocus="blur();"><h4><img src="/app/tpl/type_company/new_img/left_menu_04_2.jpg" onmouseover='this.src="/app/tpl/type_company/new_img/left_menu_04_2_over.jpg"' onmouseout='this.src="/app/tpl/type_company/new_img/left_menu_04_2.jpg"'></h4></a>

<ul class="ns_1 dis_none">

<li><a href="/app/public_contents/teacher/teacher_eclass_work.asp?menuidx=4138" class="atag">온라인학습</a></li>

<!-- li><a href="#" class="atag">수업자료</a></li>

<li><a href="/app/ios/board/skin/basic/board_list.asp?menuidx=9005" class="atag">교재별자료</a></li -->

<li><a href="/app/public_contents/teacher/teacher_card_word_work.asp?menuidx=-13601" class="atag">단어카드</a></li>

<li><a href="/app/public_contents/teacher/teacher_card_sentence_work.asp?menuidx=-13602" class="atag">문장카드</a></li>

<li><a href="/app/public_contents/teacher/card_maker_work.asp?menuidx=-13603" class="atag">나만의 카드 만들기</a></li>

<li><a href="/app/ios/board/skin/basic/board_list.asp?menuidx=59" class="atag">홍보자료</a></li>

<li><a href="/app/ios/board/skin/basic_movie/board_list.asp?menuidx=11895" class="atag">강사 교육 동영상</a></li>

<li><a href="/app/ios/board/skin/photo_work/board_list.asp?menuidx=29695" class="atag">갤러리</a></li>

</ul>

</li>

<li><a href="/company/contents/program/goods_cate_work.asp?menuidx=14471" onfocus="blur();"><h4><img src="/app/tpl/type_company/new_img/left_menu_04_4.jpg" onmouseover='this.src="/app/tpl/type_company/new_img/left_menu_04_4_over.jpg"' onmouseout='this.src="/app/tpl/type_company/new_img/left_menu_04_4.jpg"'></h4></a>

<ul class="ns_1 dis_none">

<li><a href="/company/contents/program/goods_cate_work.asp?menuIdx=14471&main=1" class="atag">홍보자료</a></li>

<li><a href="/company/contents/program/goods_cate_work.asp?menuIdx=14471&main=2" class="atag">교육자료</a></li>

<li><a href="/company/contents/program/goods_cate_work.asp?menuIdx=14471&main=5" class="atag">수업교재</a></li>

</ul>

</li>

</ul>