Question

我在我的rails应用程序中有这样的bootstrap手风琴。

<div class="accordion" id="accordion">
        <div class="accordion-group">
          <div class="accordion-heading">
            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
              Collapsible Group Item #1
            </a>
          </div>
          <div id="collapseOne" class="accordion-body collapse" style="height: 0px; ">
            <div class="accordion-inner">
             s1
            </div>
          </div>
        </div>
        <div class="accordion-group">
          <div class="accordion-heading">
            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
              Collapsible Group Item #2
            </a>
          </div>
          <div id="collapseTwo" class="accordion-body collapse" style="height: 0px; ">
            <div class="accordion-inner">
              s2
            </div>
          </div>
        </div>
        <div class="accordion-group">
          <div class="accordion-heading">
            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
              Collapsible Group Item #3
            </a>
          </div>
          <div id="collapseThree" class="accordion-body in collapse">
          </div>
        </div>
      </div>

      <div class="row">
  <div class="col-md-12"><button type="button" class="btn btn-primary" id="proceed_to_order">Proceed</button></div>
  </div>

这是fiddle。

因此，当我点击时，我将这些值带到下一页（我无法将其放入小提琴中）。所以在Mozila浏览器中，当我在浏览器中点击时，我打开并点击的最后一支手风琴仍然打开。但是当我点击后面的Chrome时，所有的手风琴都会自动关闭，我不想要。

有没有解决这个问题？

请建议。

Answer 1

替换为：

<div id="collapseThree" class="accordion-body collapse" style="height: 0px; ">
    <div class="accordion-inner">
       s3
    </div>
</div>

第三个手风琴组..

bootstrap手风琴在铬合金上折叠而不是在Mozilla上

1 个答案: