Необходимо один accordion из bootstrap поместить в другой так чтобы при раскрытии первого не раскрывались/закрывались пункты второго, и третий еще есть.
вот код (получилось что при открытии пункта первого открываются все остальные, пункты второго закрываются более нормально, но при закрытии пункта третьего закрывается первый)
<ul class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<?php
foreach ($categories as $category) {
?>
<?php
$classes = '';
$classes2 = '';
if ($category['category_id'] == $category_id) {
$classes .= ' active';
$classes2 = ' in';
}
if ($category['children']) {
$classes .= ' dropdowndropdown-submenu';
}
?>
<li class="<?php
echo $classes;
?> <?php
if ($category['children']):
?>panel panel-default<?
endif;
?>" >
<a <?php
if (empty($category['children'])):
?>href="<?php
echo $category['href'];
?>" title="<?php
echo $category['name'];
?>"<?
else:
?>class="collapsed act" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse<?
echo $category['category_id'];
?>" aria-expanded="false" aria-controls="collapse<?
echo $category['category_id'];
?>"<?
endif;
?>>
<?php
echo $category['name'];
?>
</a>
<?php
if ($category['children']) {
?>
<ul class="dropdowndropdown-menu panel-collapse collapse <?php
echo $classes2;
?> " id="collapse<?
echo $category['category_id'];
?>" role="tabpanel" aria-labelledby="heading<?
echo $category['category_id'];
?>">
<?php
foreach ($category['children'] as $child) {
$classes = '';
if ($child['children']) {
$classes .= ' dropdowndropdown-submenu';
}
foreach ($child['children'] as $cha) {
if (strpos($child['act'], '_' . $cha['category_id']))
$classes .= ' active';
$classes2 = ' in';
}
if (strpos($child['act'], '_' . $child['category_id'])) {
$classes .= ' active';
$classes2 = ' in';
}
?>
<?php
if ($child['children']):
?><div class="" id="accordion<?
echo $child['category_id'];
?>"><?
endif;
?>
<li class="<?php
echo $classes;
?> <?php
if ($child['children']):
?>panel panel-default<?
endif;
?>">
<a <?php
if (empty($child['children'])):
?>href="<?php
echo $child['href'];
?>" title="<?php
echo $child['name'];
?>"<?
else:
?>class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion<?
echo $child['category_id'];
?>" href="#collapse<?
echo $child['category_id'];
?>" aria-expanded="false" aria-controls="collapse<?
echo $child['category_id'];
?>"<?
endif;
?>> <?php
echo $child['name'];
?></a>
<?php
if ($child['children']) {
?>
<ul class="dropdowndropdown-menu panel-collapse collapse <?
echo $classes2;
?>" id="collapse<?
echo $child['category_id'];
?>" role="tabpanel" aria-labelledby="heading<?
echo $child['category_id'];
?>">
<?php
foreach ($child['children'] as $subChild) {
$classes = '';
if ($subChild) {
$classes .= ' dropdowndropdown-submenu';
}
if (strpos($_SERVER['REQUEST_URI'], $subChild['category_id'])) {
$classes .= ' active';
$classes2 = ' in';
}
?>
<li class="<?php
echo $classes;
?>">
<a href="<?php
echo $subChild['href'];
?>" title="<?php
echo $subChild['name'];
?>"><?php
echo $subChild['name'];
?></a>
</li>
<?php
}
?>
</ul>
<?php
}
?>
</li>
<?php
if ($child['children']):
?></div><?
endif;
?>
<?php
}
?>
</ul>
<?php
}
?>
</li>
<?php
}
?>
</ul>
Простой
