は私の問題は、この1と非常に似ている

Question

1のnav-タブで制御複数のタブの内容を実体：ちょうどその質問内の1つのようControl multiple tab-contents with one nav-tabs

、私は1回のタブをクリックすると2つのIDのコンテナを変更したいです。違いは、私はマテリアライズCSSを使用していることです。私はTEST1をクリックするとJsfiddle

が、私はコンテンツがTEST1とTEST1Aになりたい：ここフィドルだ

<div class="row"> 
    <div class="col s12"> 
     <ul class="tabs"> 
     <li class="tab col s3"><a href="#test1">Test 1</a></li> 
     <li class="tab col s3"><a class="active" href="#test2">Test 2</a></li> 
     <li class="tab col s3"><a href="#test3">Test 3</a></li> 
     <li class="tab col s3"><a href="#test4">Test 4</a></li> 
     </ul> 
    </div> 
    <div class="col s12"> 
     <div id="test1" class="col s12">Test 1</div> 
     <div id="test2" class="col s12">Test 2</div> 
     <div id="test3" class="col s12">Test 3</div> 
     <div id="test4" class="col s12">Test 4</div> 
    </div> 
    </div> 
    <div class="row"> 
    <div class="col s12"> 
     <div id="test1a" class="col s12">Test 1A</div> 
     <div id="test2a" class="col s12">Test 2A</div> 
     <div id="test3a" class="col s12">Test 3A</div> 
     <div id="test4a" class="col s12">Test 4A</div> 
    </div> 
    </div> 

：

は、ここに私のhtmlです。

ありがとうございました！

Answer 1

HTML CODE: 
    <div class="row"> 
     <div class="col s12"> 
      <ul class="tabs"> 
      <li class="tab col s3"><a href="#test1,#test1a">Test 1</a></li> 
      <li class="tab col s3"><a class="active" href="#test2,#test2a">Test 2</a></li> 
      <li class="tab col s3"><a href="#test3,#test3a">Disabled Tab</a></li> 
      <li class="tab col s3"><a href="#test4,#test4a">Test 4</a></li> 
      </ul> 
     </div> 
     <div class="col s12"> 
      <div id="test1" class="col s12">Test 1</div> 
      <div id="test2" class="col s12">Test 2</div> 
      <div id="test3" class="col s12">Test 3</div> 
      <div id="test4" class="col s12">Test 4</div> 
     </div> 
     </div> 
    <div class="row"> 
     <div class="col s12"> 
      <div id="test1a" class="col s12">Test 1A</div> 
      <div id="test2a" class="col s12">Test 2A</div> 
      <div id="test3a" class="col s12">Test 3A</div> 
      <div id="test4a" class="col s12">Test 4A</div> 
     </div> 
     </div>