首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在jquery中默认情况下将所有选项卡折叠在手风琴中。

在jquery中默认情况下将所有选项卡折叠在手风琴中。
EN

Stack Overflow用户
提问于 2017-04-29 19:18:35
回答 2查看 2.3K关注 0票数 1

我使用手风琴小部件在我的基于WP的网站页脚,我想让所有的标签关闭默认(现在第一个选项卡总是显示)。下面是这个小部件的代码示例(我从检查面板中直接复制了它):

代码语言:javascript
运行
复制
<section id="presscore-accordion-widget-9" class="widget widget_presscore-accordion-widget wf-cell wf-1-3">
<div class="widget-title">Formationen der otmarmusik</div>
<div class="st-accordion">
<ul>
<li><a class="text-primary" href="#"><span>Title</span></a><div class="st-content"><p>Text</p>
</div>
</li>
<li><a class="text-primary" href="#"><span>Title</span></a><div class="st-content"><p>Text</p>
</div>
</li>
<li><a class="text-primary" href="#"><span>Title</span></a><div class="st-content"><p>Text</p>
</div>
</li>
</ul>
</div>
</section>

我试着使用一些定制的JavaScript

代码语言:javascript
运行
复制
$('.accordion').accordion({
    active: false,
    collapsible: true            
});

但是它没有帮助,它发生了一个新的错误:

Uncaught:$不是一个函数

所以我有两个问题:

  • 第一。默认情况下如何使所有选项卡折叠。
  • 第二。如何在WP中使用自定义JavaScript函数而不出现任何错误。

根据 Vindhyachal Kumar的答案,这个解决方案是由工作在完美中的代码找到的。

代码语言:javascript
运行
复制
jQuery().ready(function () { 
setTimeout(function () { 
jQuery('.st-accordion li:eq(0) a').trigger('click'); 
}, 1000); 
});

谢谢你的帮助。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-04-29 19:47:45

你可以试试这段代码

代码语言:javascript
运行
复制
jQuery('.accordion').accordion({
active: false,
collapsible: true            
});
票数 2
EN

Stack Overflow用户

发布于 2017-04-30 09:06:28

代码语言:javascript
运行
复制
jQuery().ready(function () { 
setTimeout(function () { 
jQuery('.st-accordion li:eq(0) a').trigger('click'); 
}, 1000); 
});

此自定义jQuery代码将解决此问题。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43699573

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档