隐藏除默认外的选项卡面板

我有加载时显示所有面板的选项卡。尽管它恢复为只显示默认的一个，但它在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

回答