对于我的项目,我正在尝试通过单击每张图片下的“查看注释”来显示图片注释。问题是当我点击查看一张图片的评论时,它会触发并打开所有图片的“查看评论”部分。有人能帮忙吗!
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>
您的data-target
指向的是一个类。我想每个菜单都有相同的类。
尝试:
$('.headingone').click(function(){
$(this).next().toggle("slide");
});