jQueryとIE 8とトグルラは最初の子を開くだけです

Question

私はページの下にdivのようなx番号を持つことができるようなdivのグループを持っています。ここで

divのコードはこれはjQueryの

$(document).ready(function() { 
    $(".collapse").slideUp(); 
    $("H3.expand2").click(function() { 
    //$(this).next(".collapse:first").slideToggle("slow"); 
     $(".collapse").toggle($('.collapse').css('display') == 'none'); 
    }); 
}); 

ある

<div class="demo1"> 
    <h3 class="expand2">1:00 pm – 4:00pm<br>Item 1<p></p> 
<p><strong>Presented by:</strong><em><br></em></p></h3> 
<div class="collapse" style="display: none; "> 
<table border="0" cellpadding="0" cellspacing="0" width="600" align="center"> 
<tbody><tr> 
<td align="left" valign="top"> 
<div id="speakerBlockArea"> 
<div id="leftcolumnSpeakerBlock"><span id="sessTitle">run by:</span></div> 
<div id="rightcolumnSpeakerBlock"> 
</div> 
</div> 
</td> 
</tr> 
</tbody></table> 
</div> 
</div> 

である私は最終的にIE 8での作業のすべてとブラウザの残りを得たが、今私はすべてのdiv問題を抱えています1つだけをクリックすると拡大されます。親がクリックされたときに子のみが展開されるように、どうすればそれを動作させることができますか。そしてそれはIEで動作することを8/9 ​​

コードとテストリンクそれが今立っている私はすでに持っているなどしかし、IEクローム/ Firefoxで動作するコードのバージョンを持っている http://www.lvtravelshow.com/?page_id=2028

あるとして問題は私が上記のコードで終わったので。

ありがとうございます。

Answer 1

このようなsthを意味しますか？

$(document).ready(function() { 
    $(".collapse").slideUp(); 
    $("H3.expand2").click(function() { 
     $(this).parent('div').find('.collapse').toggle(); 
    }); 
});​ 

$（this）.parent（ 'div'）。find（ '。collapse'）。toggle（）; < --- この行は、クリックされた親の.collapse divを調べて、それを切り替えます。