我在我的网站上使用 Bootstrap,并且刚刚向某些页面内容添加了一个 Accordion (又名折叠)。
它工作正常,但我想保持始终打开至少一个面板。
目前,面板始终切换打开/关闭,请参阅下面的示例:
http://twitter.github.com/bootstrap/javascript.html#collapse
有没有人找到解决方法?
这是来自 Boostrap 站点的代码,与我当前的实现类似(使用数据属性对其进行初始化):
<div class="accordion" id="accordion2">
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
Collapsible Group Item #1
</a>
</div>
<div id="collapseOne" class="accordion-body collapse in">
<div class="accordion-inner">
Anim pariatur cliche...
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
Collapsible Group Item #2
</a>
</div>
<div id="collapseTwo" class="accordion-body collapse">
<div class="accordion-inner">
Anim pariatur cliche...
</div>
</div>
</div>
最佳答案
这个问题的解决办法在这里: How do you make Twitter Bootstrap Accordion keep one group open?
感谢@aron.lakatos 指出另一个已解决的问题。虽然问题是相同的,但解决的问题是在这个问题几周后提出的:)
关于jquery - Bootstrap 框架 - 始终打开至少一个 Accordion (又名折叠)项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15302760/