我创建了一个包含 li
元素的 ul
。我想在单击同一 li
中的链接时向下滑动 div
。
问题是当我单击链接时,所有 div
都会显示。
我使用 PHP 设置每个链接的 id。
html代码在这里:
<li class='post'>
<div class='link'>
<a href='#'id=". * Here is Post ID * ."></a>
</div>
<div class='slidedown'>//here is what I want to sliding</div>
</li>
jQuery 代码在这里:
$(".link a").click(function(){
var id_post = $(this).attr("id");
$(".slidedown").slideDown("slow");
return false;
});
最佳答案
您可以做得更简单:
jQuery
$('.link').on('click', function() {
$(this).parent().find('.slidedown').slideDown('slow');
});
或者你使用:
$('.link a').on('click', function() {
$(this).closest('.slidedown').slideDown('slow');
});
转到.closest()或.parent()访问 jQuery 文档以了解更多信息。
关于javascript - 单击链接时显示相关 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25462774/