@freeman0204

Как элегантней создать подменю?

Решил разобраться в создании подменю, не брать готовые варианты. Вот что получилось codepen.io/anon/pen/MaxrXe
Вопрос как может сделать код короче, и почему меню в подменю т.е. третье начинается с 3 пункта хотя находится во втором? Я то могу подправить с помощью top но как бы сделать что бы отображалось логичнее и начиналось с второго пункта?
И хотелось бы написать код так что бы можно было расширять меню дальше и добавлять подпункты в подпункты легко)) Если я не так начал писать, подскажите как будет правильней?
  • Вопрос задан
  • 186 просмотров
Решения вопроса 1
@BelkinVadim
Frontend разработчик
codepen.io/anon/pen/VvRyVB

Выделите два вида меню: главное (верхнее горизонтальное) и выпадающее.
Все выпадающие меню с одним классом. Для вложенных выпадающих (когда одно выпадающее в другом) выравнивание через top: 0; и left: 100%; Через доп.классы родительскому li можно настраивать позицию выпадающего (влево, вправо и т.п.)

В примере думаю разберетесь.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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