2012-01-26 28 views
2

我有一羣像這樣的div,我可以有像頁面下面的div一樣的x數字。jQuery和IE 8和一個開關只打開第一個孩子

這裏是div代碼

<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 /火狐等,但IE瀏覽器的工作原理是有這個問題,所以我結束了上面的代碼。

在此先感謝。

+0

尚未清理,但它的工作原理。 它不會讓我在這裏發佈代碼,所以也許以後 – user1159677

+0

你解決了這個問題嗎?請回答您自己的問題,並將其標記爲正確,以便它在未答覆的列表中不顯示:)謝謝 – Challe

回答

0

你的意思是這樣嗎?

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

$(this).parent('div')。find('。collapse')。toggle(); < --- 這一行是要找出被點擊父級的.collapse div,並將其切換到