流星handontables在可折叠问题中呈现。

Question

您好我在尝试实现可折叠div的实现，但是它们会像所有这样完全错误

正如你所看到的那些桌子已被重叠。但是，当我点击表格时，他们会自己修复它们。

这是我加载表格的地方

<ul class="collapsible" data-collapsible="accordion">
                    <li>
                        <div class="collapsible-header" id="global"><i class="material-icons">filter_drama</i>Global What Ifs</div>
                        <div class="collapsible-body">
                            {{>GlobalWhatIf}}
                        </div>
                    </li>
                    <li>
                        <div class="collapsible-header"><i class="material-icons">place</i>Vat Details</div>
                        <div class="collapsible-body">
                            {{>Vat}}
                        </div>
                    </li>
                    <li>
                        <div class="collapsible-header"><i class="material-icons">whatshot</i>Bank</div>
                        <div class="collapsible-body">
                            {{>Bank}}
                        </div>
                    </li>
                    <li>
                        <div class="collapsible-header"><i class="material-icons">place</i>Dividends</div>
                        <div class="collapsible-body">
                            {{>Dividends tName="Dividends"}}
                        </div>
                    </li>
                    <li>
                        <div class="collapsible-header"><i class="material-icons">whatshot</i>Corporation Tax</div>
                        <div class="collapsible-body">
                            {{>Dividends tName="CorpTax"}}
                        </div>
                    </li>
                </ul>

我正在考虑在每个下拉div中加载表模板并在标题处于活动状态时呈现它们但我似乎可以让它工作或者知道为什么会发生这种情况谢谢