それぞれの親タブの子タブは表示されません

Question

Tab2をクリックすると<div id="custom-sub-tab0"が表示され、Tab3をクリックすると何も表示されません。

<nav class="ti_tabs u-clear"> 
      <ul> 
        <li><a href="#std-sub-tab0"> <span> Tab1 </span></a></li> 
        <li><a href="#"> <span> Tab2 </span></a></li> 
        <li> <a href="#custom-sub-tab0"> <span> Tab3 </span></a></li> 
      </ul> 
    </nav> 
     <div id="std-sub-tab0" class="ti_subTabNav" data-nav="sub-tab"> 
      <ul> 
        <li><a href="/subtab0.html"><span> Featured applications </span></a> 
        </li> 
        <li><a href="/content/ti/en_US/amplifiers/overview/reference-designs.html"><span> Reference designs </span></a> 
        </li> 
      </ul> 
     </div> 
     <div id="custom-sub-tab0" class="ti_subTabNav" data-nav="sub-tab"> 
      <ul> 
        <li class="is-active"><a href="custtab0.html"><span> customsubtab1 </span></a> 
        </li> 
      </ul> 
     </div> 

私juery：TAB3上のクリックで、それは<div id="custom-sub-tab0"

HTML表示されるはずです

$(document).ready(function(){ 
     $("div[id*=sub-tab]").hide(); 
     $("div[id*=sub-tab]").find("ul > li.is-active").parent().parent('div').show(); 
     $('.ti_tabs ul li').click(function(){ 
       $('.ti_tabs ul li').removeClass('is-active'); 
       $(this).addClass('is-active'); 
       $('div[id*=sub-tab]').hide().eq($(this).index()).show(); 
      }); 
    }); 

を私は多くのことを試してみましたが、そのまだ機能していません。私はjqueryを初めて使っています。ご案内ください。

Answer 1

id * = sub-tabの2つの要素しかないので、index == 2は何も表示されません。

ここでは、それが動作するように望んでいた方法は、あなたが（おそらく）動作するようにあなたのJSを編集することができます方法は次のとおりです。

$(document).ready(function(){ 
    $("div[id*=sub-tab] li").hide(); 
    $("div[id*=sub-tab] li").first().show(); 
    $("div[id*=sub-tab]").find("ul > li.is-active").parent().parent('div').show(); 
    $('.ti_tabs ul li').click(function(){ 
     $('.ti_tabs ul li').removeClass('is-active'); 
     $(this).addClass('is-active'); 
     var items = $('div[id*=sub-tab] ul li'); 
     items.hide(); 
     $(items[$(this).index()]).show(); 
    }); 
}); 

Answer 2

私はあなたが唯一の2つのサブタブと3つのLIを持っていると思うので、そこになりますインデックスの不一致。