我正在使用bootstrap提供的崩溃插件,这是一个jquery简单的插件
但是它默认崩溃,如何修改以便崩溃项默认隐藏,只有当我按下标题,然后项目崩溃并显示?谢谢
$(document).ready( function () {
$(".collapse").collapse()({
toggle: false,
show: false
});
} );
Run Code Online (Sandbox Code Playgroud)
这是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>
Run Code Online (Sandbox Code Playgroud)
我正在使用Bootstrap Accordion.我希望所有面板默认关闭,但我的面板开始扩展.
这是我的代码:
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="false">
<c:forEach items="${proposals}" var="proposal" varStatus="serial">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading${proposal.propID}" >
<h4 class="panel-title">
<span class="fa fa-paperclip" aria-hidden="true"></span>
<a class="accordion-toggle collapsed"
data-toggle="collapse" data-parent="#accordion"
href="#collapse${proposal.propID}" aria-expanded="false"
aria-controls="collapse${proposal.propID}">
${proposal.title}
</a>
</h4>
</div>
<div id="collapse${proposal.propID}" class="panel-collapse collapse in"
role="tabpanel" aria-labelledby="heading${proposal.propID}">
${proposal.interest}
</div>
</div>
</c:forEach>
</div>
Run Code Online (Sandbox Code Playgroud)
我也用过aria-expanded="false",但它不起作用.
怎么了?