兌現控制多個標籤，內容與一個導航選項卡

Question

我的問題是這樣一個頗爲相似：Control multiple tab-contents with one nav-tabs

就像一個在這個問題，我想改變兩段ID的容器一個選項卡點擊。不同的是我使用物化CSS。

，這裏是我的html：

<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> 

這裏的小提琴：Jsfiddle

當我點擊TEST1，我想要的內容是TEST1和TEST1A。等等。

謝謝！

Answer 1

請嘗試以下HTML

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>