2012-08-06 68 views
0

我有切換從英語DIV交換到西班牙股利和副下面的代碼轉換:切換在我的網站停止工作?

$("#spanishlink").click(function() { 
$("#spanishtext").fadeToggle ("fast"); 
$("#englishtext").fadeToggle ("fast"); 
}); 

$("#englishlink").click(function() { 
$("#englishtext").fadeToggle ("fast"); 
$("#spanishtext").fadeToggle ("fast"); 
}) 

的CSS很簡單:

#englishtext { 
    display:none; 
} 

而我的HTML:

<a id="englishlink" href="#">English</a> 
<a id="spanishlink" href="#">Espanol</a> 

<div id="englishtext"> 
Blah Blah Blah 
</div> 

<div id="spanishtext"> 
Blah blah blah 
</div> 

它似乎不適合我 - 西班牙文div消失,但英文不會重新出現。無論點擊哪個鏈接,都會發生這種情況。

我檢查了所有的拼寫都是正確的,並且JQuery庫已鏈接,但這沒關係。有沒有人有什麼建議?

+0

這兩個div具有完全相同的內容 – Musa 2012-08-06 03:14:58

+0

@Musa大寫是不同的,所以不是真的... – 2012-08-06 03:16:42

+0

適用於我:http://jsfiddle.net/km2xX/1/ – 2012-08-06 03:18:18

回答

0

這有可能是在方案中,這是行不通的(反對所有這些都表明它的jsfiddles) ,這是因爲瀏覽器呈現引擎正在選擇優先處理總是隱藏#englishtext的CSS。在嘗試切換jQuery show()和hide()時,我今天遇到了類似的問題,但CSS的對象設置爲visibility:hidden。