Расскажите как создать аккордион меню pdomenu modx

<!--<div class="accordion">
<ul class="accordion-list">
<li class="accordion-item">
<a href="#" class="accordion-trigger">Кузовные детали ваз</a>
<ul class="accordion-inner">
<li class="accordion-inner-item">
<a class="accordion-inner-link" href="/catalog/kuzovnyie-detali-vaz/bampera/"> Бампера</a>
</li>
<li class="accordion-inner-item">
<a class="accordion-inner-link" href="/catalog/kuzovnyie-detali-vaz/dveri/"> Двери</a>
</li>
<li class="accordion-inner-item">
<a class="accordion-inner-link" href="/catalog/kuzovnyie-detali-vaz/kapot/"> Капот</a>
</li>
<li class="accordion-inner-item">
<a class="accordion-inner-link" href="catalog/kuzovnyie-detali-vaz/kryilya/"> Крылья</a>
</li>
<li class="accordion-inner-item">
<a class="accordion-inner-link" href="catalog/kuzovnyie-detali-vaz/kryishka-bagazhnika/"> Крышка багажника</a>
</li>
<li class="accordion-inner-item">
<a class="accordion-inner-link" href="catalog/kuzovnyie-detali-vaz/moldingi/"> Молдинги</a>
</li>
</ul>
</li>

<div class="accordion">
  [[pdoMenu?
    &parents=`8`
    &level=`2` 
    &tpl=`@INLINE <li class="accordion-item"><a class="accordion-trigger" href="[[+link]]" >[[+menutitle]]</a></li>`
    &tplInner=`@INLINE <ul class="accordion-inner">[[+wrapper]]<ul>`
    &tplInnerRow=`@INLINE <li class="accordion-inner-item"><a class="accordion-inner-link" href="[[+link]]" >[[+menutitle]]</a></li>`
    &tplOuter=`@INLINE <ul class="accordion-list">[[+wrapper]]<ul>`
  ]]
</div>