4

我在一个项目中使用jQuery UI 选项卡。我想知道是否有一种简单的方法可以在文档加载时隐藏所有面板，直到单击选项卡。默认情况下，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();

所以现在一切都在正常工作，我只想做这个调整。我已经搜索和搜索，但我没有看到任何关于此的文档。谢谢！

4

1 回答 1

12

正如马特在评论中建议的那样，它是：

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

示例：jsFiddle

于 2013-05-16T21:41:24.017 回答