我在项目中使用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>
Run Code Online (Sandbox Code Playgroud)
jQuery是标准的:
$( "#tabs" ).tabs();
Run Code Online (Sandbox Code Playgroud)
所以现在一切正常,我只是想做一个调整.我搜索过并搜索过,但我还没有看到任何关于此的文档.谢谢!