jquery - 隐藏默认选项卡面板

Question

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

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

Answer 1

您应该只删除隐藏类，而不是尝试覆盖它的作用。

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