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/