Javascript 使用JQuery取消隐藏表行

我有一个包含员工姓名的表。我想在包含特定员工联系信息的每一行之后添加一个隐藏行。我想用JQuery做一个向下滑动的动画来显示这些信息。 如果我使用的是Javascript，我会使用诸如“employee xx”之类的ID命名TR元素，并将隐藏行命名为“hidden xx”，其中xx是employeeid。我将执行一个onClick事件，调用一个函数（使用employeeid作为参数）来隐藏或取消隐藏该行。由于我刚刚开始JQuery，我不知道如何优雅地编写代码。我想告诉它“当你点击表格中的一条可见线时，向下滑动它下面的不可见线”，但我不知道怎么做。如果我使用行的ID，我如何通过JQuery访问该ID？我知道这可能很简单，但我被卡住了

谢谢,， 约翰

顺便说一句，这已经在这里回答过了

---

编辑：修复了缺少类名的derpy错误。已更新

我想这就是你想要的？单击具有名称的行会导致下面的隐藏行向下滑动。再次单击以收回

HTML:

---

这是一个。

谢谢你……名字的TR应该是class“show”对吧？@JohnJohnson是的，哈哈。我一定是搞砸了。现在修好了。

var clickhandler = function(e) {
  $(e.target).next().show();
}

<table>
    <tr class="show">
        <td>Bob Robertson</td>
    </tr>
    <tr class="hide">
        <td>
            <div>(555)123-4567</div>
        </td>
    </tr>
    <tr class="show">
        <td>Richard Johnson</td>
    </tr>
    <tr class="hide">
        <td>
            <div>(000)000-0000</div>
        </td>
    </tr>
</table>

$('.hide').toggle().find('div').slideToggle();

$('.show').on('click', function () {
    var next = $(this).next();
    if (next.css('display') == 'none') {
        next.toggle();
        next.find('div').slideToggle();
    } else {
        next.find('div').slideToggle(function () {
            next.toggle();
        });
    }
});