javascript - 切换下一个表

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