Toggle已停止在我的网站上工作

Toggle stopped working on my site?

本文关键字：网站 工作 我的 Toggle      更新时间：2023-09-26

我有以下代码用于切换从英语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库是否已链接，但这没问题。有人有什么建议吗？

它可以正常工作，但您可能需要这样做：

http://jsfiddle.net/JUjuq/

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

相关文章：