Jquery 隐藏选项卡面板（默认除外）

我有在加载时显示所有面板的选项卡。虽然它会恢复为仅显示默认值，但它会在iframe高度设置中产生问题。经过一些搜索，我找到了这个jquery。首先用css隐藏其他面板

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

替换隐藏类的jquery是

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

起初它看起来不错，但在切换选项卡后，它会同时显示面板内容。因此，无论第三次单击哪个选项卡，它都会将所有内容与前一个选项卡混合

我不知道在这里该怎么办。这里是完整页面的链接。

---

我应该如何修复代码以消除此问题？

您应该删除隐藏类，而不是试图覆盖它的功能

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

---

为什么不干脆删除这个类呢<代码>$（“.hide”）。removeClass（“hide”）@kevin-b尝试过。但随后它会同时显示所有选项卡内容。当切换标签时，它似乎确实起作用，但最初的印象现在被拧紧了。有什么办法吗？您是在初始化选项卡之前还是之后删除该类。应该在以后做，现在可以呼吸了。谢谢凯文！