Question

我正在使用手风琴作为BizStrap响应式网站主题的一部分。默认设置是底部面板打开。

手风琴的设置是按模板设置的，除了设置类和高度以便所有面板都关闭：

<a href="#collapseOne" data-parent="#accordion2" data-toggle="collapse" class="accordion-toggle collapsed">
Panel title</a>
</div>
<div class="accordion-body collapse" id="collapseOne" style="height: 0px;">
<div class="accordion-inner">

开发page is here.

我也尝试在第一个面板打开的情况下进行设置。在该情况下的问题是当顶部面板下方的面板打开时，顶部面板保持打开并且来自第二面板的内容物延伸到容器DIV之外。奇怪的是，如果我先点击顶部面板，然后手风琴下面的那些功能正常。这个类是'accordion-toggle e'，高度设置为'auto'。开发page is here.

我没有使用Bootstrap设置手风琴，而且我很难理解它。如果有人有任何指示帮助我实现这些结果中的任何一个，我真的很感激!!! ...

Answer 1

手风琴内容溢出包含<div>的原因是设置了内嵌高度，如此 -

<div style="height: 188px;" id="accordion2" class="accordion in collapse">

只需移除高度。

如果您希望手风琴面板在加载时关闭，请删除课程in

在 -

中

<div id="accordion2" class="accordion collapse">

请参阅此相关问题 -

How do I get my accordion to load with all the menus closed?

倒塌的Bootstrap手风琴面板在打开时在DIV外扩展

1 个答案: