2012-08-06 69 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。