Javascript 尝试使用jQuery独立显示/隐藏多个列表

我有一个默认情况下试图隐藏额外信息的网页。这些额外的位采用项目列表的形式，我希望用户能够通过单击JavaScript链接来显示或隐藏这些项目

最初，我使用了以下代码：

。。。它工作得很好，只是单击页面上的任何JavaScript链接都会导致所有列表出现或消失，这不是我想要的。我只希望单击JavaScript链接下方的列表时滑出。换句话说，我需要列表独立出现或消失

我现在使用的代码（源自另一个StackOverflow问题的答案）如下：

据我所知，一切都设置正确，但当我单击链接显示列表时，链接会变为“隐藏”，但列表实际上不会显示

我做错了什么

jQuery(document).ready(function($) {
    $('.bhlink').on('click', function () {
        $(this).text(function (i, txt) {
            return txt.indexOf('view') != -1 ? 'Click to hide' : 'Click to view';
        }).closest('p').next('.billhistory').slideToggle();
    });
});

---

对于文本块，您需要使用“下一步”而不是“查找”：

var billhistory = $(this).closest("p").next(".billhistory");

---

对于文本块，您需要使用“下一步”而不是“查找”：

var billhistory = $(this).closest("p").next(".billhistory");

---

jQuery选择器正在选择类为

.billhistory

的所有元素。这可能就是它导致所有元素滑出的原因。您的jQuery选择器正在选择类为

.billhistory

的所有元素。这可能就是它导致所有元素滑出的原因。

var billhistory = $(this).closest("p").next(".billhistory");