切换停止在我的网站上工作?

时间:2012-08-06 03:11:16

标签: javascript jquery toggle

我有以下代码用于切换从英语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库是链接的,但这没关系。有没有人有任何建议?

2 个答案:

答案 0 :(得分:2)

它可以正常工作,但您可能希望这样做:

http://jsfiddle.net/JUjuq/

答案 1 :(得分:0)

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