jQuery点击事件触发所有图片对象

Question

对于我的项目，我尝试通过单击每张图片下的查看评论来显示图片评论。问题是，当我单击查看一张图片的评论时，它会触发并打开所有图片的所有查看评论部分。谁能帮忙!

jQuery:

$('.headingone').click(function(event){
  event.preventDefault();
  var b = $(this).attr("data-target");
  $(b).toggle("slide");
});

HTML:

<h5 href="" class="headingone"  data-target=".menu">View Comments</h5>
<div class="menu" data-id="{{item.pk}}" style="display:none">
  {% for i in item.piccomments.all %}
    <p class="paratwo" style="margin:0px;"><strong>{{i.author}}</strong> said "{{i.text}}"</p>
  {% endfor %}
</div>

Answer 1

您的data-target指向一个类。我想每个菜单都有相同的类。

尝试:

 $('.headingone').click(function(){
    $(this).next().toggle("slide");
 });