0

我正在使用手风琴作为 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">

开发 页面在这里。

我还尝试在第一个面板打开的情况下进行设置。这种情况下的问题是，当顶部面板下方的面板打开时，顶部面板保持打开状态，并且第二个面板的内容延伸到容器 DIV 之外。奇怪的是，如果我先点击顶部面板，然后手风琴下方的面板正常运行。这个类是'accordion-toggle e'，高度设置为'auto'。开发页面在这里。

我没有使用 Bootstrap 设置手风琴，并且很难理解它。如果有人对帮助我实现这些结果中的任何一个有任何指示，我将不胜感激！！！

4

1 回答 1

1

手风琴内容溢出包含的原因<div>是设置的行内高度，如下所示 -

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

只需删除高度。

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

如在-

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

看到这个相关的问题 -

如何让我的手风琴在所有菜单关闭的情况下加载？

于 2013-04-18T01:05:30.520 回答