如何防止更改元素显示模式的jQuery选项卡？

Question

我已经开始使用jQuery标签，它有一种令人讨厌的副作用，即以不可预测和不需要的方式更改子元素的显示模式。

我明确设置为隐藏的一些元素：$('#foo').hide()无论如何都会出现。其他应该正常显示的元素是隐藏的，没有明显的原因。

为什么会发生这种情况，我该如何预防？

以下是标签的DOM：

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Explanation</a></li>
        <li><a href="#igvTab">igv</a></li>
    </ul>

    <div id="tabs-1">
        <ul>
            <li> blah blah
            <li> blah blah
        </ul>
    </div>
    <div id="igvTab">
        <div id="myDiv"></div>
    </div>
</div>

id = myDiv的div是整个数据可视化组件的附着点，其DOM完全以编程方式构造。该组件在jQUery选项卡上下文之外工作正常。