在dojo中切換div的顯示在Google Chrome中無法正常工作

Question

我使用Dojo和CSS顯示HTML div的開啓和關閉，但我只在Google Chrome中出現了奇怪的結果（在I​​E8 +和最新的FireFox ）。

下面是一個使用Dojo的1.8代碼：

http://jsfiddle.net/XUzCN/

當您選中 「顯示2」（或標籤或箱）， 「內容2」。 div不顯示。 如果您取消選中「顯示3」，「內容3」。隱藏，但「內容2」奇蹟般地出現！ 使div正確顯示的唯一方法是切換第一個div「內容1」的顯示。再次，IE和FF都很好。

順便說一下，我堅持CSS類「isVisible」和「isHidden」，因爲我之後還有其他事情要做。無論如何，我已經嘗試過，但結果是一樣的：

query("div#div" + divNum).style("display", "inline"); 

任何幫助將不勝感激！

Answer 1

幾個小時後，我找到了解決我的問題的方法。 除了應用「display：inline」來顯示隱藏的div，我只需要刪除「display：none」樣式。

使用我的CSS類，我只需要改變 「.isVisible」：

.isVisible {} 
.isHidden {display:none;} 

http://jsfiddle.net/XUzCN/11/

更換與.isVisible的.isHidden類現在完美的作品！