我正在使用Bootstrap提供的折叠插件,这是一个简单的jQuery插件。
然而,默认情况下它会折叠,如何修改才能使折叠项默认隐藏,只有当我点击标题时,项目才会折叠并显示?谢谢。
$(document).ready( function () {
$(".collapse").collapse()({
toggle: false,
show: false
});
} );
这是HTML代码:<div class="accordion-group">
<div class="alert alert-info" data-toggle="collapse" href="#collapse1" style="margin-bottom:0px;">
Collapsible #1
</div>
<div id="collapse1" class="accordion-body collapse" style="background-color:#ffffff;">
content1
</div>
<div class="alert alert-info" data-toggle="collapse" href="#collapse2" style="margin-bottom:0px;">
Collapsible #2
</div>
<div id="collapse2" class="accordion-body collapse" style="background-color:#ffffff;">
content2
</div>