tab切换-点击跳转相应tab

css代码：

.nav li{float:left;display: block;padding: 20px;}
#tab{overflow:hidden;zoom:1;}
#tab li{float:left;display: block;padding: 20px;}
#tab li.cur{background:#ccc;}
#content{padding: 20px;background: #eee;}
#content ul{display: none;}

html代码：

    

        
nav01
        
nav02
        
nav03
    




    

        
01
        
02
        
03
    
    

        

           01
        
        

            02
        
        

           03
        
    

js代码：

$(function(){
    var str = window.location.hash;  //获取当前页面的url地址的锚部分（从#号开始的部分）
    var idx = str.charAt(str.length - 1);  //获取最后一个字符
    $("#tab li").eq(idx-1).trigger("click");  //tab标签里相应位置出发点击事件
});
//点击tab标签
$("#tab li").click(function(){
    $(this).addClass("cur").siblings().removeClass();
    $("#content ul").eq($(this).index()).fadeIn(100).siblings().fadeOut(100);
});
//点击nav导航
$("#nav-a a").click(function(){
    var str = this.hash;
    var idx = str.charAt(str.length - 1);
    $("#tab li").eq(idx-1).trigger("click");
});

…………END…………

谢谢支持，喜欢就点个❤