Почему некоторые спойлеры не сворачиваются?

Question

[Андрей Филимонов]

На этой странице https://online.gymbalance.ru/ пониже, есть спойлеры (скрин).
Верхние 5 ведут себя как надо, а нижние 2 не сворачиваются, когда открываются другие. Всё сделал вроде как нужно, классы расставил, не могу понят, как исправить, помогите, пожалуйста.

Answer 1

[Степан Крапивин]

Не работают последние два .card потому, что где-то сломана вёрстка (скорее всего нет закрывающего тега или лишний тег </div>)

Comments

[Андрей Филимонов]

Первым делом подумал, но где?

<div class="card">
    <div class="card-header" role="tab" id="headingSeven">
      <h5 class="mb-0">
        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
          Требуется ли участие родителей?
        </a>
      </h5>
    </div>
    <div id="collapseSeven" class="collapse" role="tabpanel" aria-labelledby="headingSeven">
      <div class="card-block p-3">
Это очень рекомендуется, но не строго обязательно.
      </div>
    </div>
  </div>

[Степан Крапивин]

Андрей Филимонов, вот лишний div в исходниках страницы

[Андрей Филимонов]

Спасибо, нашёл)

Answer 2

[handrov77]

У вас где-то сломана верстка. Посмотрите в коде, может быть какой-то тэг не закрыли