次の表を切り替えます

Question

これはループのために私を投げています。だから私はそのページのすぐ次の<table>をslideToggleにできるようにしたい。今私はすべてを試しましたが、うまく動かず、私はアイデアがありません。ここで

は、コードへのリンクです：

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