제이쿼리로 탭메뉴 스크립트 만들기

 

제이쿼리를 이용하여 탭메뉴 스크립트를 만드는 방법입니다.

 

 

var $tab_list = $(".tab_menu");

$tab_list.find("ul ul").hide();
$tab_list.find("li.active > ul").show();

function tabMenu(e){
    e.preventDefault();
    var $this = $(this);
    $this.next("ul").show().parent("li").addClass("active")
    .siblings("li").removeClass("active").find(">ul").hide();
}
$tab_list.find("ul>li>a").click(tabMenu).focus(tabMenu);