0

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

1 回答 1

0

use.siblings()而不是.next()as next 仅查找紧随其后的兄弟

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

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

于 2013-05-17T19:38:50.580 回答