Как правильно подключить jQuery аккордеон в CSM Magento? Имею файл left.phtml который выводит список категорий. Я так понимаю блок "dl" подключается и оборачивается в скрипт аккордеон? В данном коде обычный ява скрипт decorateDataList это выражение команды ява скрипт в котором написан сценарий аккордеона вроде как? И помимо подключения его ещё нужно подключить библиотеку jQuery? А вместо decorateDataList уже писать команды аккордеона? Много информации перерыл, когда написано сделать на простой html разметке понятно, а вот в моём слечае и внутри CSM Magento не понимаю.:-(
PS Подскажите, хороший аккордеон желательно со значками векторными.
<?php if (!Mage::registry('current_category')) return ?>
<?php
$categoryId = 3;
$category = Mage::getModel('catalog/category')->load($categoryId);
$_categories = $category->getChildrenCategories();
?>
<?php $_count = is_array($_categories)?count($_categories):$_categories->count(); ?>
<?php if($_count): ?>
<div class="block block-layered-nav block-layered-nav--no-filters">
<div class="block-content toggle-content open">
<dl id="narrow-by-list2">
<dt><?php echo $this->__('Каталог') ?></dt>
<dd>
<ol>
<?php foreach ($_categories as $_category): ?>
<?php if($_category->getIsActive()): ?>
<li>
<a href="<?php echo $this->getCategoryUrl($_category) ?>"<?php if ($this->isCategoryActive($_category)): ?> class="current"<?php endif; ?>>
<?php echo $this->escapeHtml($_category->getName()) ?>
</a>
</li>
<?php endif; ?>
<?php endforeach ?>
</ol>
</dd>
</dl>
<script type="text/javascript">decorateDataList('narrow-by-list2')</script>
</div>
</div>
<?php endif; ?>