Question

我在项目中使用jQuery UI Tabs。我想知道是否有一种简单的方法可以在文档加载时隐藏所有面板，直到单击一个选项卡。默认情况下，jQuery UI以激活的选项卡开始，相应的面板可见。我知道您可以指定最初处于活动状态的标签，但我希望没有标签处于活动状态，并且在开始时不会显示任何面板。

我的代码很简单：

<div id="tabs">

     <ul>
          <li><a href="#faq1">Link 1</a></li>
          <li><a href="#faq2">Link 2</a></li>
          <li><a href="#faq3">Link 3</a></li>
     </ul>

     <div class="faq-panel" id="faq1">
          <!-- content -->
     </div>

     <div class="faq-panel" id="faq2">
          <!-- content -->
     </div>

     <div class="faq-panel" id="faq3">
          <!-- content -->
     </div>

</div>

jQuery是标准的：

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

所以现在一切都正常，我只是想做一个调整。我搜索过并搜索过，但我还没有看到任何关于此的文档。谢谢！

Answer 1

正如马特在评论中所说，它是：

$( "#tabs" ).tabs({collapsible: true, active: false });

示例：jsFiddle

启动jQuery UI选项卡，没有激活标签并隐藏所有面板

1 个答案: