[英]Make all tabs collapsed in accordion by default within jquery
我在基於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:$不是函數
所以我有兩個問題:
根據Vindhyachal Kumar的回答,此代碼可以完美地找到解決方案 :
jQuery().ready(function () {
setTimeout(function () {
jQuery('.st-accordion li:eq(0) a').trigger('click');
}, 1000);
});
謝謝您的幫助。
您可以嘗試此代碼
jQuery('.accordion').accordion({
active: false,
collapsible: true
});
jQuery().ready(function () {
setTimeout(function () {
jQuery('.st-accordion li:eq(0) a').trigger('click');
}, 1000);
});
此自定義jQuery代碼將解決此問題。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.