jQuery多頁標導航1頁

Question

目前我有1個html頁面上的多個標籤導航，當我點擊一個導航時，它會影響其他標籤導航。

我似乎無法弄清楚如何實現我點擊的標籤導航而不隱藏其他標籤導航的內容。

這裏是我的jQuery代碼

// thumbs click 
       $('.tabsNav li a').click(function(){ 
        $('.tab').hide(); 
        $($(this).attr('href')).show(); 
        return false; 
       }); 

繼承人我的HTML，我想在頁面上多次使用

<div class="rightContent"> 
        <ul class="tabsNav clearfix"> 
         <li> 
          <a href="#vlogs">vlogs</a> 
         </li> 
         <li> 
          <a href="#miniDocs">mini-docs</a> 
         </li> 
         <li> 
          <a href="#trailers">trailers</a> 
         </li> 
        </ul> 
        <div id="vlogs" class="tab"> 

        </div> 
        <div id="miniDocs" class="tab"> 

        </div> 
        <div id="trailers" class="tab"> 

        </div> 
       </div> 

Answer 1

只要你有喜歡它周圍的rightContent股利（或任何其他人），這應該工作：

$('.tabsNav li a').click(function(){ 
    $(this).parents('tabsNav').parent().find('.tab').hide(); 
    $($(this).attr('href')).show(); 
    return false; 
}); 

Answer 2

$('.tabsNav li a').click(function(){ 
        $(this).parents('.tabsNav').parents('.rightContent').children('.tab').hide(); 
        $($(this).attr('href')).show(); 
        return false; 
       });