accordion自動開封　他が開いている時にリストが１つ以上あると、リストが１つしか開かない

１つパネルが開封しているとき、開封先が１つ以上ある場合に、バグが起こる。

例、＜食べ物＞（parents）には、りんご、みかん、いちご　のchildrenがある。
＜動物＞、＜乗り物＞は各１つconnectionsデータあるとする。

各childrenはparentsのIDと紐づいている。

※言葉では伝えづらいので図で解説失礼します。
動物のカテゴリーパネルが開封している時、
childrenが１つ以上ある。<食べ物>を選択する。

＜食べ物＞

＜動物＞
・ねこ

＜乗り物＞

～問題になっていること～

＜食べ物＞
・りんご

＜動物＞

＜乗り物＞

～実現したい結果～

＜食べ物＞
・りんご
・みかん
・いちご

＜動物＞

＜乗り物＞

アドバイス、回答お待ちしております。

<div class="accordion" id="accordion8" role="tablist" aria-multiselectable="false">
  <div class="card">
<?php foreach ($parents as $parent) {
    ?>
    <div class="card-header bg-white" role="tab" id="<?=h($parent->id); ?>">
      <a class="text-body d-block collapsed row" data-toggle="collapse" href="#<?=h($parent->id); ?>" role="button" aria-expanded="false" aria-controls="<?=h($parent->id); ?>">
        <div class="mb-0 d-inline-block col-10">
          <?=h($parent->name); ?>
        </div>
      </a>
    </div>
<?php
foreach ($children as $child) {
        if (($parent->id) == ($child->child_id)) {
?>
    <div id="<?=h($child->child_id); ?>" class="collapse border-bottom" role="tabpanel" aria-labelledby="<?=h($child->child_id); ?>" data-parent="#accordion8">
      <a href="<?=$this->Url->build(['action'=>'links', $parent_id = $parent->id,"#" => $child_id = $child->id]); ?>">
        <div class="card-body row">
          <div class="float-left col-10"><?=h(child->name); ?></div>
        </div>
      </a>

    </div>
<?php
    }
}
      }
?>
  </div><!-- /.card -->
</div><!-- /#accordion -->