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

Question

[freeman0204]

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

Answer 1

[Вадим Белкин]

codepen.io/anon/pen/VvRyVB

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

В примере думаю разберетесь.

Comments

[freeman0204]

Хорошо, спасибо)