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

kasadas

12.10.2016

1,9K

Всем привет, уважаемое сообщество.
Подскажите пожалуйста как реализовать в MODX меню в виде аккордеона (Bootstrap), используя pdoMenu?

Если статья понравилась, то поделитесь ей в социальных сетях:

Комментарии ()

Александр Мальцев

21 февраля 2016, 11:50

Также как и обычное меню:

<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>

Войдите, пожайлуста, в аккаунт, чтобы оставить комментарий.