切換下表中的內容

Question

這讓我想起了一個循環。所以我想只能滑動頁面上的下一個<table>。現在我已經嘗試了所有的東西，但是它沒有工作，我沒有想法。

這裏是鏈接到代碼：

jsfiddle link

$(document).ready(function() { 
    $('.toggle-step').on('click', function() { 
     $(this).parent().next('table').slideToggle("fast"); 
     $(this).find('span').slideToggle(0); 
    }); 
}); 

<div class="table-wrapper"> 
    <ul class="nav nav-pills"> 
     <li class="active"> 
      <a class="toggle-step">Toggle Table <span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true" style="display: inline-block;"></span> <span class="glyphicon glyphicon-triangle-right" aria-hidden="true" style="display: none;"></span> </a> 
     </li> 
    </ul> 

    <table> 
     ... 
    </table> 
</div> 

Answer 1

$(this).closest('ul').next('table').slideToggle("fast"); 

因爲你的鏈接的父母不表的兄弟姐妹，你需要修改DOM遍歷。而且由於列表不是鏈接的父級，所以您需要使用closest()。

Fiddle