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

Question

我遇到了使用jQuery切换同级div可见性的问题。我想要做的是在单击.detailsbtn链接时显示/隐藏此兄弟分区。如果我在“.detailsbtn”之后立即移动.projdetails div，该脚本将起作用，但我需要在第二个链接之后放置它。

<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的是如下：

的HTML结构如下作为仅次于

$('.projdetails').hide(); 

$('.detailsbtn').click(function() { 
    $(this).next('div').toggle(); 
}); 

Answer 1

使用.siblings()，而不是.next()寻找紧随同胞

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

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