Здравствуйте!
Имеется обычное двухуровневое меню на CMS Modx вида:
<nav>
<ul>
<li><a href="[[!++site_url]]"><span>Пункт меню</span></a></li>
<li>
<a href="[[~70]]"><span>Пункт меню с выпадающим списком</span></a>
<ul>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
</ul>
</li>
<li><a href="[[!++site_url]]"><span>Пункт меню</span></a></li>
<li><a href="[[!++site_url]]"><span>Пункт меню</span></a></li>
<li><a href="[[!++site_url]]"><span>Пункт меню</span></a></li>
</ul>
</nav>
Пункты меню добавляются из админки сайта и соответсвенно их количество будет меняться. Можно ли с помощью js разбивать выпадающее меню на 5 одинаковых колонок? Т.е. что бы в итоге верстка выглядела так:
<nav>
<ul>
<li><a href="[[!++site_url]]"><span>Пункт меню</span></a></li>
<li>
<a href="[[~70]]"><span>Пункт меню</span></a>
<ul>
<li>
<ul>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
</ul>
</li>
<li>
<ul>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
</ul>
</li>
<li>
<ul>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
</ul>
</li>
<li>
<ul>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
</ul>
</li>
<li>
<ul>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="[[!++site_url]]"><span>Пункт меню</span></a></li>
<li><a href="[[!++site_url]]"><span>Пункт меню</span></a></li>
<li><a href="[[!++site_url]]"><span>Пункт меню</span></a></li>
</ul>
</nav>