Javascript 我的网站停止工作了吗？

我有以下代码用于从英语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>

废话连篇
废话废话

这对我来说似乎不起作用——西班牙队消失了，但英国队没有再出现。无论我点击什么链接，这种情况都会发生

---

我检查了所有拼写是否正确，JQuery库是否链接，但这没问题。有人有什么建议吗？

它按原样工作，但您可能希望这样做：

---

在它不起作用的场景中（与所有表明它起作用的JSFIDLE相反），这可能是因为浏览器呈现引擎选择优先考虑CSS，其中始终隐藏着英文文本。我今天在尝试使用jQuery show（）和hide（）切换时遇到了类似的问题，但是CSS将对象设置为visibility:hidden。

这两个div的设置完全相同content@Musa大写字母是不同的，所以不是真的…对我来说很有用：@Musa是的，在这个例子中，他们有，但在现实生活中，他们有段落的内容