默认情况下，使所有标签在jQuery中折叠成折叠式

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代码将解决此问题。