要默認打開手風琴部分,需要爲li標籤添加「is-active」類。像這樣:如何使用ZURB Foundation摺疊所有打開的手風琴6
<li class="accordion-item is-active" data-accordion-item>
<a href="#0" class="accordion-title"><h5>This is the title</h5></a>
<div class="accordion-content" data-tab-content>
<p>This is the content
</p>
</li>
所以我試圖刪除「is-active」類,使用js以便手風琴將摺疊/關閉。但即使在「主動」課被刪除後,手風琴仍然保持開放狀態。只需單擊一下按鈕,我應該如何摺疊/關閉所有手風琴?
Here是Zurb手風琴
文檔這裏是我使用的腳本,(雖然我不認爲它相關的)
$(document).ready(function(){
$(".testClass").click(function(){
$("li").removeClass("is-active");
});
});
當我看ZURB基金會的文件,我看到有屬性「data-allow-all-closed =」true「」命名。您可以嘗試將此添加爲jQuery的一個屬性。 –