Javascript 切换下一个表

这真是让我大吃一惊。因此，我只希望能够滑动切换页面上的下一个

。现在我什么都试过了，但都不管用，我也没有主意了

以下是代码的链接：

$（文档）.ready（函数（）{
$（'.toggle step'）。打开（'click'，函数（）{
$（this）.parent（）.next（'table'）.slideToggle（“fast”）；
$（this）.find（'span'）.slideToggle（0）；
});
});


切换表


...

因为链接的父级不是表的同级，所以需要修改DOM遍历。由于列表不是链接的父级，因此需要使用

closest（）

因为链接的父级不是表的同级，所以需要修改DOM遍历。由于列表不是链接的父级，因此需要使用

closest（）

---

.parent（）

在域中仅上升一个级别，该级别会引发问题“我可以做什么？”parent（）.next（）.next（）？否，因为.parent（）会将您从锚点移到列表项

。parent（）

在域中仅上升一个级别，该级别会引发问题“我可以做什么”。parent（）.next（）.next（）？否，因为.parent（）可以将您从锚点转到列表项，这确实有效。我不能告诉你我尝试过的所有组合，从来没有想过会这么做。最近的（'ul'）很确定，这很有效。我无法开始告诉你我尝试过的所有组合，从未想过会这么做。最接近（'ul'）

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

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