jQuery-非表示の場合前の要素は、特定のクラス
質問
私は非表示になりclass="csc-コンテンツ"の以前の兄弟はh4class="faq".
更新 エラー:こういう間違ったコミュニケーション直前の兄弟ウィジェットではないh4.していますが、なんとかできる点にすべての"答え"は、隠れた場合には"問題"は、クラスの"faq" /更新
このhtmlの場合
<div id="centerCol-1">
<div id="c65" class="csc-default normal">
<div class="csc-header csc-header-n1"><h4 class="faq">FAQ question1</h4></div>
<div class="csc-content active"><p class="bodytext">Answer1</p></div>
</div>
<div id="c67" class="csc-default normal">
<div class="csc-header csc-header-n2"><h4 class="faq">FAQ question2</h4></div>
<div class="csc-content active"><p class="bodytext">Answer2</p></div>
</div>
<div id="c68" class="csc-default normal">
<div class="csc-header csc-header-n3"><h4>not FAQ</h4></div>
<div class="csc-content active"><p class="bodytext">Not an answer, just normal content</p></div>
</div>
</div>
jQueryきのようなもの:
// find all outer divs with class csc-default in the div centerCol-1
// test if they contain a header div with an h4 class faq
// go to next element and hide it. Error... this should be parents next element?
$("#centerCol-1 .csc-default").find("h4").is(".faq").next(".csc-content").hide();
BR.Anders
他のヒント
にハングアップする、あなただけのそれぞれのFAQ質問に対する回答のdivを非表示にしたいですか?だから、h4
がクラス.faq
を持っている場合は、親のdivが隠されます直後のdivます:
$("#centerCol-1 h4.faq").parent().next("div").hide();
これを試してください:
$("#centerCol-1 .csc-content").filter(function() {
return $(this).prev().find(".faq").length > 0;
}).hide();
所属していません StackOverflow