template.php

<?if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();
$templateFolder = &$this->GetFolder();



?>
<script src="<?=$templateFolder.'/navAccordion.min.js'?>"></script>





<ul id="accordion-menu">

<?
$previousLevel = 0;
foreach($arResult as $arItem):?>

    <?if ($previousLevel && $arItem["DEPTH_LEVEL"] < $previousLevel):?>
        <?=str_repeat("</ul></li>", ($previousLevel - $arItem["DEPTH_LEVEL"]));?>
    <?endif?>

    <?if ($arItem["IS_PARENT"]):?>

        <?if ($arItem["DEPTH_LEVEL"] == 1):?>
            <li class="<?if ($arItem["SELECTED"]):?>selected<?else:?>root-item<?endif?>"><a href="<?=$arItem["LINK"]?>"><span class="img-cat"><img alt="" src="<?=$arItem["PARAMS"]["PICTURE"]?>" /></span><?=$arItem["TEXT"]?></a>
                <ul>
        <?else:?>
            <li <?if ($arItem["SELECTED"]):?> class="selected "<?endif?>><a href="<?=$arItem["LINK"]?>" class="parent"><?=$arItem["TEXT"]?></a>
                <ul>
        <?endif?>

    <?else:?>

        <?if ($arItem["PERMISSION"] > "D"):?>

            <?if ($arItem["DEPTH_LEVEL"] == 1):?>
                <li><a href="<?=$arItem["LINK"]?>" class="<?if ($arItem["SELECTED"]):?>root-item-selected<?else:?>root-item<?endif?>"><span class="image"><? echo $strImg;?></span><?=$arItem["TEXT"]?></a></li>
            <?else:?>
                <li <?if ($arItem["SELECTED"]):?> class="selected "<?endif?>><a href="<?=$arItem["LINK"]?>"><?=$arItem["TEXT"]?></a></li>
            <?endif?>

        <?else:?>

            <?if ($arItem["DEPTH_LEVEL"] == 1):?>
                <li class="<?if ($arItem["SELECTED"]):?>selected<?else:?>root-item<?endif?>"><a href="" title="<?=GetMessage("MENU_ITEM_ACCESS_DENIED")?>"><?=$arItem["TEXT"]?></a></li>
            <?else:?>
                <li><a href="" class="selected" title="<?=GetMessage("MENU_ITEM_ACCESS_DENIED")?>"><?=$arItem["TEXT"]?></a></li>
            <?endif?>

        <?endif?>

    <?endif?>

    <?$previousLevel = $arItem["DEPTH_LEVEL"];?>

<?endforeach?>

<?if ($previousLevel > 1)://close last item tags?>
    <?=str_repeat("</ul></li>", ($previousLevel-1) );?>
<?endif?>

</ul>




<script>
$('#accordion-menu').navAccordion({
  expandButtonText: '<span class="icon-arrow-right"></span>',
  collapseButtonText: '<span class="icon-arrow-down"></span>'
});
</script>