我正在使用javascript调用加载html，此html具有Bootstrap折叠。
<li class="dd-item" data-id="home">
<div id="panel1" class="panel panel-default panel-collapsed">
<div class="panel-heading">
<div class="panel-actions">
<a role="button" data-collapse="#panel1" class="btn btn-sm btn-icon">
<i class="icon ion-chevron-down"></i>
</a>
</div>
<h3 class="panel-title">Home</h3>
</div>
<div class="panel-body" style="display: none;">
<p>some text</p>
</div>
</div>
</li>
data-toggle="collapse"并且data-target="#id"是使引导程序能够工作所需的一切，data-toggle="collapse"将告诉引导程序具有折叠功能，同时data-target="#text"指向id将执行切换折叠的html标记。
在您的代码中，替换此行，
<a role="button" data-collapse="#panel1" class="btn btn-sm btn-icon">
和
<a role="button" data-collapse="#panel1" class="btn btn-sm btn-icon" data-toggle="collapse" data-target="#text">
其中#text是divID。在你的
<div class="panel-body" style="display: none;">
删除此内联CSS样式style="display: none;"，并添加一个id属性id="#text"，例如。看起来像这样
<div id="text" class="collapse panel-body">
然后你去。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句