實現：通過js/jquery使可摺疊標題活動

Question

嘗試從js動態添加項目到我的Materialise手風琴，並希望立即使其處於活動狀態。嘗試使用此：

var accordion = $('#accordion'); 
accordion.append('<li><div class="collapsible-header active"><i class="material-icons">whatshot</i>Third</div><div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div></li>'); 

元素被添加，但不是活動的。前兩行後也試過這個：

accordion.children().last().addClass('active'); 

也沒有工作。

Answer 1

您可以使用collapsible()更新變更後的手風琴：

var accordion = $('#accordion'); 
accordion.append('<li><div class="collapsible-header active"><i class="material-icons">whatshot</i>Third</div><div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div></li>'); 
accordion.collapsible();