我正在使用 bootstrap 提供的折叠插件
这是一个 jquery 简单插件
但是它默认折叠，如何修改以使折叠项默认隐藏，只有当我按下标题时，该项目才会折叠并显示？谢谢
插件的文档，只有几行，所以只需要一分钟 http://twitter.github.com/bootstrap/javascript.html#collapse
$(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>
对于 Bootstrap 3，有些事情发生了变化。以下代码在 Bootstrap 3 中完成您想要的功能
如果您希望默认显示面板主体：
<div id="collapseOne" class="panel-collapse collapse in">
如果您希望面板主体默认隐藏：
<div id="collapseOne" class="panel-collapse collapse">
这是一个例子：
<div class="bs-example">
<div class="panel-group" id="accordion">
<!- Repeat For Next Panel------->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
xxxxxxxxxxxHERE IS THE HEADER CONTENTSxxxxxxxxxxxx
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
xxxxxxxxxxxHERE IS THE BODY CONTENTSxxxxxxxxxxxx
</div>
</div>
</div>
<!- Repeat For Next Panel---(but change <div id="collapseTwo")--->
</div>
</div>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
