我在使用jQuery切换兄弟div的可见性时遇到了问题。我想做的是在单击.detailsbtn
链接时显示/隐藏这个兄弟div。如果我移动.projdetails div
后立即'.detailsbtn'的脚本工作,但我需要把它后的第二个链接。
HTML的结构如下:
<a href="javascript:void();" id="hp" class="btn btn-info detailsbtn">Project Details</a>
<a href="javascript:void();" class="btn btn-success">Launch Website</a>
<div class="projdetails">This is the hp details</div>
jQuery如下:
$('.projdetails').hide();
$('.detailsbtn').click(function () {
$(this).next('div').toggle();
});
1条答案
按热度按时间pxiryf3j1#
使用
.siblings()
而不是.next()
,因为next只查找紧随其后的同级http://api.jquery.com/siblings/