隱藏除默認外的選項卡面板

我有加載時顯示所有面板的選項卡。儘管它恢復爲只顯示默認的一個，但它在iframe高度設置中產生問題。經過一番搜索，我發現這個jQuery。先用CSS隱藏除默認外的選項卡面板

.hide { position: absolute; top: -9999px; left: -9999px; }

和jQuery更換隱藏類隱藏其他面板是

// Accessible hiding fix 
     $(".hide").css({ 
      "position": "relative", 
      "top": 0, 
      "left": 0, 
      "display": "none" 
     });

初看上去似乎不錯，但切換標籤後，顯示面板內容一起。因此，無論第三次點擊哪個標籤，它都會將所有內容與以前的標籤混合在一起

我不確定這裏要做什麼。這裏是整個頁面的鏈接。 http://tinyurl.com/c5nhet5

我應該如何解決代碼以擺脫這種情況？

爲什麼不只是刪除類？ '$（「。hide」）。removeClass（「hide」）' – 2012-08-13 19:56:11

@ kevin-b 試過了。但是，它會立即顯示所有標籤內容。它切換製表符時似乎工作，但最初的印象是現在擰。任何方式？ – 2012-08-13 20:03:27

是否在初始化選項卡之前或之後刪除該類。它應該在之後完成。 – 2012-08-13 20:04:09

您應該刪除隱藏類而不是試圖覆蓋它的功能。

$("#tabs").tabs(); 
$(".hide").removeClass("hide");

2012-08-13 20:06:56

回答