Как реализовать в MODX меню в виде аккардеона?

<div class="panel-group" id="bootstrap" role="tablist">
  [[pdoMenu?
    &parents=`12`
    &level=`2`
    &tpl=`@INLINE <li><a href="[[+uri]]">[[+menutitle]]</a></li>`
    &tplInner=``
    &tplInnerRow=``
    &tplOuter=`@INLINE [[+wrapper]]`
    &tplParentRow=`@INLINE <div class="panel panel-default">
      <div class="panel-heading">
        <h4 class="panel-title">
          <a role="button" data-toggle="collapse" data-parent="#bootstrap" href="#[[+menutitle]]">
          [[+pagetitle]]
        </a>
      </h4>
    </div>
    <div id="[[+menutitle]]" class="panel-collapse collapse in">
      <div class="panel-body">
        <ul>
          [[+wrapper]]
        </ul>
      </div>
    </div>
  </div>`
  ]]
</div>