Меню аккордеон

[alexstekk]

Всем добрый день. Бьюсь над выводом категорий, хочу сделать меню аккордеон. Есть такой код:

Спойлер

<div id="accordion">
 <div class="panel list-group">
 <?php foreach ($categories as $category) { ?> 
 <?php if ($category['children']) { ?> 
 <?php if ($category['category_id'] == $category_id) { ?> 
 <a class="list-group-item panel-heading active" data-toggle="collapse" data-parent="#accordion" href="#<?php echo $category['category_id']; ?>"><?php echo $category['name']; ?><i class="indicator glyphicon glyphicon-triangle-bottom pull-right"></i></a>
 <?php } else { ?> 
 <a class="list-group-item panel-heading" data-toggle="collapse" data-parent = "#accordion" href="#<?php echo $category['category_id']; ?>">
 <?php echo $category['name']; ?><i class="indicator glyphicon glyphicon-triangle-bottom pull-right"></i></a> 
 <?php } ?> 
 <div id="<?php echo $category['category_id']; ?>" class = "panel-collapse collapse">
 <?php foreach ($category['children'] as $child) { ?> <?php if ($child['category_id'] == $child_id) { ?>
 <a href="<?php echo $child['href']; ?>" id="accordion-body" class="list-group-item active">&nbsp;&nbsp;&nbsp;- <?php echo $child['name']; ?></a> <?php } else { ?> <a href="<?php echo $child['href']; ?>" id="accordion-body" class="list-group-item">&nbsp;&nbsp;&nbsp;- <?php echo $child['name']; ?></a> 
 <?php } ?> <?php } ?> 
 <a href="<?php echo $category['href']; ?>" class="list-group-item">Все <?php echo $category['name']; ?></a> 
 </div> 
 <?php } else { ?> <?php if ($category['category_id'] == $category_id) { ?>
 <a href="<?php echo $category['href']; ?>" class="list-group-item active"><?php echo $category['name']; ?></a> 
 <?php } else { ?> 
 <a href="<?php echo $category['href']; ?>" class="list-group-item"><?php echo $category['name']; ?></a>
 <?php } ?> 
 <?php } ?> 
 <?php } ?> 
 </div>
 
  <script> function toggleTriangle(e) { $(e.target) .prev('.panel-heading') .find("i.indicator") .toggleClass('glyphicon-triangle-bottom glyphicon-triangle-top'); } $('#accordion').on('hidden.bs.collapse', toggleTriangle); $('#accordion').on('shown.bs.collapse', toggleTriangle); </script>

 

Он работает на 99% правильно. Никак не могу понять, что нужно докрутить, чтобы при переходе в подкатегорию главная категория оставалась раскрытой, а не закрытой, как сейчас. 

Подскажите, пожалуйста, где докрутить.

В картинках:

Спойлер

Спасибо!!!

Змінено 2 червня 2020 користувачем alexstekk

[alexstekk]

Тему перенес в другой раздел, эту удалите, пожалуйста!