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 でオブジェクトが visibility: hidden に設定されていました。

于 2012-08-06T05:38:54.117 に答える