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; 
       });