隐藏默认选项卡面板

Question

我有标签，可以在加载时显示所有面板。虽然它恢复为仅显示默认值，但它在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"
        }); 

首先看起来不错，但在切换标签后，它会同时显示面板内容。因此，无论第三次点击哪个标签，它都会将所有内容与之前的标签混合

我不知道该怎么做。这是整页的链接。 http://tinyurl.com/c5nhet5

我应该如何修复代码以摆脱这种情况？

Answer 1

你应该删除隐藏类，而不是试图覆盖它的作用。

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