Надо прикрутить вертикальное меню аккордеон на jQuery, файлы css, js, подключил. Делаю через pdoMenu, но пока не совсем понимаю, что куда, потому как если просто втавляю html код все работает, а когда через pdoMenu, все подпункты развернутые и не сворачиваются.
Пример кода меню: 
<div id="jquery-accordion-menu" class="jquery-accordion-menu green">				
<ul id="vertical-menu">				
  <li><a href="#">Меню-1 </a>
 <ul class="submenu">
	<li><a href="#">Подменю-1 </a></li>
	<li><a href="#">Подменю-2 </a></li>
	<li><a href="#">Подменю-3 </a></li>
 </ul>
  </li>
  <li><a href="#">Меню-2 </a>
 <ul class="submenu">
	<li><a href="#">Подменю-1 </a></li>
	<li><a href="#">Подменю-2 </a></li>
 </ul>
  </li>				   
</ul>
</div>

Сделал такой вывод pdoMenu
<div id="jquery-accordion-menu" class="jquery-accordion-menu green">				
   [[pdoMenu?
    &level=`2`
    &parents=`10,11,12,13,14`
    &displayStart=`1`
    &firstClass=`0`
    &lastClass=`0`
    &parentClass=`0`
    &hereClass=`active`
    &showHidden=`1`
    &tplOuter=`@INLINE <ul id="vertical-menu">[[+wrapper]]</ul>`
    &tplStart=`@INLINE <li><a href="[[+alias]]">[[+menutitle]]</a></li>[[+wrapper]]`
    &tplInner=`@INLINE <ul class="sub-menu">[[+wrapper]]</ul>`    
   ]]
</div>