jquery工具标签-在标签中隐藏DIV？

Question

我正在使用简单的jQuery工具选项卡

$("ul.tabs").tabs("div.panes > div");

使用此html：

<!-- the tabs --> 
                <ul class="tabs"> 
                    <li><a href="#">Passenger Record</a></li> 
                    <li><a href="#">Annotations (10)</a></li> 
                </ul> 

                <!-- tab "panes" --> 
                <div class="panes"> 
                    <div>
                    First tab content. Tab contents are called "panes"
                        <div class="NoShow">THIS DIV IS HIDDEN??</div>
                    </div> 
                    <div>Second tab content</div> 
                </div> 

所以class=为“NoShow”的div被隐藏了。我相信这跟javascript有关。

("div.panes > div");

但我不希望DIV选项卡中的DIV被隐藏？？如何隐藏与Tabs关联的DIVs？

Answer 1

$("div.panes > div");仅指直接子对象。“NoShow”div是“panes”的孙子目录。

改为使用$("#NoShow") --它也更快，因为您使用的是ID而不是类。

Answer 2

无法显示嵌套div的原因是您有一个css属性

.panes div {
    display:none;
}

来自jquery工具的示例：http://jquerytools.org/media/css/tabs-panes.css