jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了启动jQuery UI选项卡,没有激活标签并隐藏所有面板大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在一个项目中使用 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();

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

解决方法

正如马特在评论中所说,它是:

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

例:jsFiddle

大佬总结

以上是大佬教程为你收集整理的启动jQuery UI选项卡,没有激活标签并隐藏所有面板全部内容,希望文章能够帮你解决启动jQuery UI选项卡,没有激活标签并隐藏所有面板所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。