Описание тега slicknav

особенности

• Поддержка многоуровневого меню
• Гибкая и простая разметка
• Кроссбраузерная совместимость
• Доступен с клавиатуры
• Изящно деградирует без JavaScript
• Создает меню, совместимое с ARIA

Инструкции по использованию

Включите CSS и JS

slicknav.css могут быть изменены в соответствии с дизайном веб-сайта

<link rel="stylesheet" href="SlickNav/slicknav.css" />
<script src="SlickNav/jquery.slicknav.min.js"></script>

Разметка меню

<ul id="menu">
    <li><a href="#">item 1</a></li>
    <li><a href="#">item 2</a></li>
    <li><a href="#">item 3</a></li>
    <li><a href="#">item 4</a></li>
</ul>

Инициализировать

<script>
    $(function(){
        $('#menu').slicknav();
    });
</script>

Источник сайта проекта на
GitHub