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？我如何隐藏与标签相关联的DIV？

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

jquery工具TABS - 在选项卡中隐藏DIV？

2 个答案: