jquery - 启动 jQuery UI 选项卡，没有选项卡处于事件状态且所有面板都隐藏

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