Как создать многоуровневое меню?

Question

[Alexandr Lebedev]

Как сюда добавить многоуровневое меню?
Вот код
codepen.io/anon/pen/xwaLvw
Буду очень блогодарен за помощь!

Answer 1

[Mihai]

Так вам нужно? codepen.io/Q2art/pen/vNzeOZ

Answer 2

[Владислав Старцев]

1. Легко, почитайте тут htmlbook.ru/faq/kak-sdelat-vlozhennyi-spisok там же пример.
   
2. Если публикуете код, публикуйте его, чтобы другие могли его прочесть.
   
3. Не делайте кучу лишних элементов, для вашего меню достаточно использовать:
   

<ul>
  <li>
    <a>HOME<a>
  </li>
</ul>

a не

<div>
  <ul>
   <li>
     <a>
       <span>
         <span>HOME</span>
       </span>
     </a>
    </li>
  </ul>
</div>

Answer 3

[Дима Паутов]

Что вы подразумеваете под многоуровневым меню?
Я вижу 3 вида:

1. Горизонтальное, с выпадающими пунктами
   
2. Горизонтальное мега меню
   
3. Вертикальное, гормошка(accordeon)
   

Comments

[Alexandr Lebedev]

Горизонтальное, с выпадающими пунктами

[Дима Паутов]

Alexandr Lebedev: ну?? Что вы хотите что бы я сделал? Ссылка №1, вам туда! Найдите подходящее и установите куда вам нужно!