jQuery и IE 8 и toggler только открывает первый ребенок

Question

У меня есть группа divs вроде такого, где я мог бы иметь число x, как divs ниже на странице.

Вот код ДИВ

<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> 

Это JQuery

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

я, наконец, получил все, что работает с IE 8 и остальных браузеров, но теперь у меня есть проблема, где каждый ДИВ расширяется, когда я нажимаю только один из них. Как я могу заставить его работать так, чтобы только ребенок расширялся при нажатии на родителя. И так, что он работает в IE 8/9

Тест ссылку с кодом, как она стоит сейчас http://www.lvtravelshow.com/?page_id=2028

У меня уже есть версия кода, который работает в Chrome/Firefox и т.д. Но IE оказывает проблема, поэтому я закончил с вышеуказанным кодом.

Заранее спасибо.

Answer 1

Вы имеете в виду sth, как это?

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

$ (это) .parent ('DIV') найти ('свернуть'.) Переключение()..; < --- Эта строка состоит в том, чтобы узнать .collapse div щелкнутого родителя и переключить его