Добрый день, хотелось бы сделать меню древовидное, 2-ух уровневое...
К примеру структура такая:
Продукция:
-рога
-копыта
-хвосты
О компании
Контакты

Сайт на битриксе, есть такой шаблон меню:

<?if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?>

<?if (!empty($arResult)):?>

<div class="menu-sitemap-tree">

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

<?if ($previousLevel && $arItem["DEPTH_LEVEL"] < $previousLevel):?>
<?=str_repeat("

</li>", ($previousLevel - $arItem["DEPTH_LEVEL"]));?>
<?endif?>

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

class="close"<?endif?>>
<div class="folder" onClick="OpenMenuNode(this)"></div>
<div class="item-text">[url=<?=$arItem[]"><?=$arItem["TEXT"]?>[/url]</div>

<?else:?>

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

• 
  <div class="page"></div>
  <div class="item-text">[url=<?=$arItem[]"><?=$arItem["TEXT"]?>[/url]</div>
  
  <?endif?>
  
  <?endif?>
  
  <?$previousLevel = $arItem["DEPTH_LEVEL"];?>
  
  <?endforeach?>
  
  <?if ($previousLevel > 1)://close last item tags?>
  <?=str_repeat("

</li>", ($previousLevel-1) );?>
<?endif?>

</ul>
</div>
<?endif?>

Как нужно отредактировать шаблон, чтоб при нажатии на само слово продукция, этот раздел просто разворачивался а не переходил по ссылке в этот раздел...чтоб происходило то же что и при нажатии на картинку с папкой рядом с продукцией....