Bootstrap 3：在隱藏內容之前，折疊主體會折疊

Question

我有手風琴崩潰的問題。 它以前工作得很好，但在某個時間點斷開，我不完全確定這是否與Bootstrap 3升級有關。 我最近重寫了一半的項目，所以有可能是我不小心做的事情。

我用KnockoutJS制作了一部非常大的手風琴。 它填充組/面板並按預期打開，但是當我嘗試折疊組時，組的內容轉移到封閉容器的頂部，然后組崩潰，但它的內容仍然持續大約一秒鍾，直到它最終消失，我得到預期的結果 - 折疊的手風琴。

<div id="accordion" class="accordion">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-parent="#accordion" data-toggle="collapse">Title Here</a>
    </div>
    <div class="accordion-body collapse">
      <div class="accordion-inner">
        Content Here
      </div>
    </div>
  </div>
</div>

我也嘗試使用Bootstrap文檔中的下面示例來排除我的CSS問題並僅使用他們的問題，但這產生了相同的結果。 當實際組已經崩潰時，手風琴組的內容會持續大約一秒鍾。

<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
  <div class="panel panel-default">
    <div class="panel-heading" role="tab" id="headingOne">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
          Collapsible Group Item #1
        </a>
      </h4>
    </div>
    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
      <div class="panel-body">
      </div>
    </div>
  </div>
</div>

我也嘗試將手風琴組的內容縮減為單個文本字符串。 問題仍然存在。

知道如何解決這個問題嗎？

謝謝。

Answer 1

您可能需要降級回較舊的引導程序版本。 如果您使用他們的任何演示作為開始。 在升級框架之前，您應該從演示/模板的升級版本開始。 通常，模板比bootstrap css更向后兼容。 這很乏味。