簡體   English   中英

默認情況下,使所有標簽在jQuery中折疊成折疊式

[英]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:$不是函數

所以我有兩個問題:

  • 第一。 默認情況下如何使所有選項卡折疊。
  • 第二。 如何使用自定義JavaScript函數,而WP中沒有任何錯誤。

根據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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM