jQuery .next（'div'）切换不起作用

Question

我在使用jQuery切换兄弟div的可见性时遇到了问题。我想要做的是在点击.detailsbtn链接时显示/隐藏这个兄弟div。如果我在'.detailsbtn'之后立即移动.projdetails div，脚本可以正常工作，但我需要在第二个链接之后放置它。

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();
}); 

Answer 1

使用.siblings()代替.next()，因为下一个只会在兄弟之后立即查找

$(this).siblings('div.projdetails').toggle();

http://api.jquery.com/siblings/