javascript - ナビゲーションがクリックされたときに Tabber を有効にする

Question

私のウェブサイトにはID付きのナビゲーションがある#navので、クリックナビゲーションリストに基づいてタバーをアクティブにしたいと思います。ナビゲーション#navには次のような html があります:-

 <ul id ="nav">
    <li><a href="tab1">Fred</a></li>
    <li><a href="tab2">Thom</a></li>
    <li><a href="tab3">Kay</a></li>
</ul>

Fredがナビゲーションからクリックされたとき、このようなhtmlを持つタブバーでこれを有効にしたい

 <ul class="tabs">                                        
         <li><a href="#tab1">Fred</a></li>                                      
         <li><a href="#tab2">Thom</a></li>    
         <li><a href="#tab3">Kay</a></li>       
</ul>

そして、このようなタブの内容:-

<div id="tab1" class="tab_content">Lorem</div>
<div id="tab2" class="tab_content">Ipsum</div>
<div id="tab3" class="tab_content">Dolor</div>

だから私はjqueryの次の行を書きました

$("#nav li").click(function() {

         var hash = location.hash;
          var sel = $("ul.tabs li a[href='" + hash + "'], ul#tabs li a[href='" + hash + "']");

    if (sel.length) { 

        sel.addClass("active").parent().addClass("active"); //Activate tab



        $(hash).show();
    }

しかし、それは機能していません:(間違った人は何をしていますか?