Question

我在基于WP的网站页脚中使用了手风琴小部件，我想默认关闭所有标签页（现在始终显示第一个标签页）。以下是此小部件的代码示例（我从检查器面板直接复制了它）：

<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

$('.accordion').accordion({
    active: false,
    collapsible: true            
});

但它没有帮助，它发生了一个新的错误：

未捕获的TypeError：$不是函数

所以我有两个问题：

首先。默认情况下如何折叠所有选项卡。
二。如何使用自定义JavaScript函数，没有任何错误 WP。

根据 Vindhyachal Kumar的答案，此代码找到的解决方案完美无缺：

jQuery().ready(function () { 
setTimeout(function () { 
jQuery('.st-accordion li:eq(0) a').trigger('click'); 
}, 1000); 
});

感谢您的帮助。

Answer 1

您可以尝试此代码

jQuery('.accordion').accordion({
active: false,
collapsible: true            
});

Answer 2

jQuery().ready(function () { 
setTimeout(function () { 
jQuery('.st-accordion li:eq(0) a').trigger('click'); 
}, 1000); 
});

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

默认情况下，在jquery中使所有选项卡都按手风琴折叠

2 个答案: