2011-08-22 39 views
1

我使用简单的jQuery工具选项卡jquery工具TABS - 在标签中隐藏DIV?

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

与这个网站:

<!-- 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> 

所以与类= “NOSHOW” 的DIV是隐藏的。我相信它必须与javascript相关联。但我不希望DIV选项卡内的DIV被隐藏???我不想让DIV选项卡中的DIV被隐藏?我如何隐藏与标签关联的DIV?

+0

我们需要看到更多的CSS ... – Dunhamzzz

+0

尝试给该选项卡特定选项卡某些类名称并将选择器更改为'(“div.panes> div.ClassName”)' – Tumharyyaaden

回答

1

$("div.panes > div");仅指直接的孩子。 'NoShow'div是'窗格'的孙子。

尝试$("#NoShow")取而代之 - 它也更快,因为您使用ID而不是类。