使用“slideToggle”[jQuery]查看<div>

Question

我的代码

 $('.viewreplycommentbutton').click(function() {
 $(this).next('.reply').slideToggle(200);
 });

我有三个<div>个类.reply，当我点击一个带有链接的按钮（具有类.viewreplycommentbutton）时，它将只显示这三个中的一个{ {1}}

我想在点击按钮（这是与班级<div>的链接）时查看所有这些内容 但是没有从jQuery代码中删除.viewreplycommentbutton。

Answer 1

.next()返回下一个直接的兄弟元素。使用.nextAll()获取下一个兄弟姐妹：

$('.viewreplycommentbutton').click(function() {
   $(this).nextAll('.reply').slideToggle(200);
});