手风琴第二级重叠

时间:2019-02-01 21:30:58

标签: html bootstrap-4 accordion

我正在努力使我的手风琴工作。当我折叠第一电平,第二个出现,因为它应该,但随后它的第一级是仍然可见。

手风琴,未折叠:

enter image description here

手风琴折叠:

enter image description here

我已经在这个盯着小时。可能我在这里想念一些愚蠢的东西。

<div class='accordion' id='mainAccordion'>
  <div class='card'>
    <div class='card-header' id='headingOt'>
      <h2 class='mb-0'>
        <button aria-controls='collapseOt' aria-expanded='true' class='btn btn-link' data-target='#collapseOt' data-toggle='collapse' type='button'>
          <h2>Header</h2>
        </button>
        <div aria-labelledby='headingOt' class='collapse show' data-parent='#mainAccordion' id='collapseOt'>
          <div class='card-body'>
            dummy text
          </div>
        </div>
      </h2>
    </div>
  </div>
  <div class='card'>
    <div class='card-header' id='heading-nt'>
      <h2 class='mb-0'>
        <button aria-controls='collapseNt' aria-expanded='false' class='btn btn-link' data-target='#collapseNt' data-toggle='collapse' type='button'>
          <h2>header</h2>
        </button>
        <div aria-labelledby='headingNt' class='collapse show' data-parent='#mainAccordion' id='collapseNt'>
          <div class='card-body'>
            dummy text
          </div>
        </div>
      </h2>
    </div>
  </div>
</div>

------------------加法,2019年2月5日------------ 附加了一点gif,可显示会发生什么情况。看来,手风琴效果很好,它缩短了下面的文字,第二集上移,但随后的第一个文本再次弹出。 enter image description here

0 个答案:

没有答案