Как показать подразделы в меню при нажатии на раздел в Битрикс?

Question

[Senseich]

Помогите решить простую задачку.
Есть меню из компонента catalog.section.list

Он выводит разделы и подразделы: выглядит это так сейчас

1 Раздел
1Подраздел
2Подраздел
2 Раздел
3 Раздел

Вот надо чтобы 1Подраздел, 2Подраздел появлялись только когда я нажал на 1 Раздел.
Т.е. захожу на страницу там так:

1 Раздел
2 Раздел
3 Раздел

Нажал на 1 Раздел , страница обновилась и уже вот так:

1 Раздел
1Подраздел
2Подраздел
2 Раздел
3 Раздел

PHP только изучаю, как и Битрикс, вот такой код пока.Дальше не могу придумать )

$dirReal = $APPLICATION->GetCurPage();
<nav>
<ul class="bxr-left-menu-hover bxr-left-menu-hover-splash">
        <li class="bxr-color-flat bxr-title-menu-hover">Рубрики</li>
   
        <?
        $TOP_DEPTH = $arResult["SECTION"]["DEPTH_LEVEL"];
        $CURRENT_DEPTH = $TOP_DEPTH;

        foreach($arResult["SECTIONS"] as $arSection)
        {
             
         ?>
         
        <?if ($arSection["DEPTH_LEVEL"] == 1):?>
           <li class="bxr-bg-hover-flat <?if(substr_count($dirReal, $arSection["SECTION_PAGE_URL"])) {echo "active";} ?>"><a href="<?=$arSection["SECTION_PAGE_URL"]?>"><?=$arSection["NAME"]?></a></li>
             
             <?else:?>
             
                <li class="bxr-bg-hover-flat from <?if(substr_count($dirReal, $arSection["SECTION_PAGE_URL"])) {echo "active";} ?>"><a href="<?=$arSection["SECTION_PAGE_URL"]?>"><?=$arSection["NAME"]?></a></li>       
    
        <?endif?> 
                
        <?
        }
    
        ?>    
</ul>
</nav>

Answer 1

[Алексей Емельянов]

Концептуально так:

$('1 Раздел').on('click',function(){
    $('*Подраздел').show();
});