jQuery .next('div') 切换不起作用答案

【问题标题】：jQuery .next('div') toggle not workingjQuery .next('div') 切换不起作用
【发布时间】：2013-05-17 19:36:59
【问题描述】：

我在使用 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();
});

【问题讨论】：

标签： jquery toggle next

【解决方案1】：

使用 .siblings() 而不是 .next()，因为 next 只查找紧随其后的兄弟姐妹

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

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

【讨论】：

@iztel 如果你能接受答案，如果它对你有帮助的话，那就太好了。