0

jQuery を使用して兄弟 div の可視性を切り替えるのに問題があります。私がしたいのは、.detailsbtnリンクがクリックされたときにこの兄弟 div を表示/非表示にすることです。.projdetails div「.detailsbtn」の直後に移動すると、スクリプトは機能しますが、2 番目のリンクの後に配置する必要があります。

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

.siblings()as nextの代わりに使用すると.next()、直後の兄弟のみが検索されます

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

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

于 2013-05-17T19:38:50.580 に答える