Javascript 使用jquery滑动切换的Laravel foreach循环

所以我试图在一个有帖子的博客上建立一个基本的评论系统，但我最近发现了一个新问题。我制作了一个按钮，可以切换显示评论分区。但是第一个按钮会打开所有帖子的所有评论分区。我希望它是这样的评论按钮打开其评论div对每个职位分别

这可能很难理解，因此我为它制作了一个JSFIDLE： 我只需要一个帖子上的评论按钮就可以打开同一帖子上的评论div。 以下是基本的JSFIDLE代码： Html:

---

感谢您的帮助

保持您的ID的唯一性，或者更好地使用类，并利用上下文，

此

，对目标

div.comments

$（文档）.ready（函数（）{
var PAR＝$（“DIV.注释”）；
SaltToGrgle（快）；
$（'.comm'）。单击（函数（e）{
过滤器（“可见”）
.add（$（this）.closest（'.post'）.find（'div.comments'））.slideToggle（'slow'）；
e、 预防默认值（）；
});
});

在此处发布内容

评论
试验
在此处发布内容

评论

测试1
2个问题


元素的ID必须是uniqe-use类
需要切换已单击按钮的同级注释


$（文档）.ready（函数（）{
var$par=$（'div.comments'）；
$par.hide（）；
//使用comm作为类值，因为您要对多个元素进行分组
$（'.comm'）。单击（函数（e）{
var$comm=$（this）.同级（'.comments'）.slideToggle（'slow'）；
//如果要在单击新注释时隐藏以前打开的注释
$par.not（$comm.slideUp（'slow'）；
e、 预防默认值（）；
});
});

在这里发布内容


评论
试验
在这里发布内容


评论


测试1

<!-- Laravel Foreach loop here -->
<div class="post">
    Post content here <br>
    <button id="comm">Comments</button>
    <div class="comments">
         <!-- Foreach loop for comments -->
        Test
    </div>
</div>
<!-- end foreach loop --> 
    <!-- example of the second post -->
    <div class="post">
    Post content here <br>
    <button id="comm">Comments</button><br>
    <div class="comments">
         <!-- Foreach loop for comments -->
        Test1
    </div>
</div>

$(document).ready(function() {
  var par = $('div.comments');
  $(par).hide();

  $('#comm').click(function(e) {
      $(par).slideToggle('slow');
      e.preventDefault();
  });
});