@rinaz22

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

Всем привет! Сделал боковое меню и у некоторых есть подменю. Хотел сделать подменю как на картинке, но не получается. Т.е. список должен чередовать в такой же последовательности(1, 2, 3), а если ширины достаточно, то все в 1 ряд и наоборот.
5e861861c5474864614492.png
<ul>
	<li>
		<a href="#">123 <i class="fas fa-angle-right"></i></a>
		<ul class="subcategory">
			<li><a href="#">1</a></li>
			<li><a href="#">2</a></li>
			<li><a href="#">3</a></li>
		</ul>
	</li>
</ul>
  • Вопрос задан
  • 58 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Aricus
Странное дизайнерское решение. Лучше бы, конечно, по-другому расположить, но если необходимо именно так, видимо, без js не обойдётся. Нужно сделать функцию, которая, изменяет классы, выстраивая элементы в нужном порядке, и вызывать её при загрузке страницы и изменении ширины окна.
$(document).ready(function () {
	functuion resizeSubmenu() {
		...
	}
	resizeSubmenu();
	$(window).on('resize', function(){
		resizeSubmenu();
	});
});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы