В этой статье мы расскажем о том, как сделать многоуровневое вертикальное меню.
Начнём с основ, все мы знаем как делаются простые одноуровневые меню через HTML. По сути такое меню представляет из себя обычный <ul> список, элементами которого являются пункты меню-ссылки. Пример такого простого меню:
В случае, когда мы хотим сделать многоуровневое меню, то нужно так же сделать многоуровневый список. А делается он по следующему принципу, в том <li>, в котором должны быть подпункту меню добавляют ещё одно одноуровневое меню <ul>. В итоге у вас по-умолчанию будет получается вертикальное многоуровневое меню.
Давайте рассмотрим пример:
А вот так это будет выглядеть:
Добавить комментарий
Авторизоваться с помощью: