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

Question

[Александр Наумов]

Есть меню и в нем подразделы, нужно организовать чтобы в этом списке выводилось только по 3 подраздела. Если больше пунктов то показывает кнопку "Еще", а при нажатии на кнопку показывает пункты которые скрыты.
Вот само меню вложенное

<li >
												<span class="btn-drop"></span>
												<a href="" >Наборы оснастки
												</a>
												<ul class="dropmenu-dop">
													<li><a href="">«Свадебный вальс»</a></li>
													<li><a href="">«Симбирцит»</a></li>
													<li><a href="">«Дворянский»</a></li>
													<li><a href="">«Симбирцит»</a></li>
													<li><a href="">«Дворянский»</a></li>	
													<li><a href="">«Симбирцит»</a></li>
													<li><a href="">«Дворянский»</a></li>
													<a href="" class="btn-still">
														Еще
													</a>
												</ul>
											</li>

Пример вот, тут такое же сделано в при нажатии на кнопку "Весь каталог"
https://www.oma.by/

Answer 1

[hzzzzl]

вот кусок скрипта, искать в template... по слову data-items-visible



в общем каждому длинному списку присваивают класс '.js-show-more-box' , и аттрибут 'data-items-visible' , ну а потом просто по клику остальные элементы скрывают и показывают, как-то так