Меню HTML5

Многоуровневое меню с использованием HTML5 элементов

by Andrey Dobrovoi

HTML

<details>
<summary> Группа ссылок 1</summary>
 <ul>   
    <li><a href="#">Ссылка 1</a></li>
    <li><a href="#">Ссылка 2</a></li>
    <li><a href="#">Ссылка 3</a></li> 
<details>
<summary> Подгруппа ссылок</summary>
 <ul>   
     <li><a href="#">Ссылка 1</a></li>
    <li><a href="#">Ссылка 2</a></li>
    <li><a href="#">Ссылка 3</a></li>
  </ul>   
 </details>
<ul>   
</details>
 <details>   
<summary> Группа ссылок 2</summary>
 <ul>   
<li><a href="#">Ссылка 1</a>
<li><a href="#">Ссылка 2</a>
<li><a href="#">Ссылка 3</a>
<ul>
</details>