読み込み中にすべてのパネルを表示するタブがあります。デフォルトのもののみを表示するように戻りますが、iframe の高さ設定で問題が発生しています。いくつか検索した後、このjqueryを見つけました。最初にcssで他のパネルを非表示にします
.hide { position: absolute; top: -9999px; left: -9999px; }
そして、hideクラスを置き換えるjqueryは
// Accessible hiding fix
$(".hide").css({
"position": "relative",
"top": 0,
"left": 0,
"display": "none"
});
最初は良さそうに見えますが、タブを切り替えるとパネルの内容がまとめて表示されます。どのタブが 3 回目にクリックされても、すべてのコンテンツが前のタブと混合されます。
ここで何をすべきかわかりません。全ページへのリンクはこちらです。 http://tinyurl.com/c5nhet5
これを取り除くには、コードをどのように修正すればよいですか?