0

我有以下代码用于切换从英语 div 到西班牙语 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 库已链接,但这没关系。有没有人有什么建议?

4

2 回答 2

2

它按原样工作,但您可能想要这样做:

http://jsfiddle.net/JUjuq/

于 2012-08-06T03:20:58.280 回答
0

有可能在它不起作用的情况下(与所有表明它起作用的 jsfiddles 相反),这是因为浏览器渲染引擎选择优先考虑始终隐藏 #englishtext 的 CSS。我今天在尝试使用 jQuery show() 和 hide() 切换时遇到了类似的问题,但 CSS 将对象设置为可见性:隐藏。

于 2012-08-06T05:38:54.117 回答