Версия: v1.0.1

Каталог: Сниппеты Bootstrap

Категория: Меню

Bootstrap: 3, 4

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Английский

Вес файла: 4.1 Kb

Уникальный ID: 1816

Количество символов:

Посмотрели: 12715 раз

Помощь: установка & настройка

Прикреплён файл №2: /stuff/0-0-0-1816-20

Скачали бесплатно: 745 раз

Прокомментировали: 2 раз

Рейтинг: 4.6 / 5 - 7 голосов

Тип лицензии: CC BY 4.0

Авторство: https://goo.gl/9devfM

Информация: Пользователям

Информация: Правообладателям

Теги: меню, material design, html, аккордион, Responsive, Accordion, Bootstrap, адаптивное, menu

Поделился: BootstrapТема

Добавлено: 2017-02-16 в 23:51

Метка: 1567149000

⇄ ⇅

<div id="jquery-accordion-menu" class="jquery-accordion-menu black">
 <div class="jquery-accordion-menu-header" id="form"></div>
 <ul id="demo-list">
 <li class="active"><a href="#"><i class="fa fa-home"></i>Home </a></li>
 <li><a href="#"><i class="fa fa-glass"></i>Events </a></li>
 <li><a href="#"><i class="fa fa-file-image-o"></i>Gallery </a>
 <span class="jquery-accordion-menu-label">12 </span>
 </li>
 <li><a href="#"><i class="fa fa-cog"></i>Services </a>
 <ul class="submenu">
 <li><a href="#">Web Design </a></li>
 <li><a href="#">Hosting </a></li>
 <li><a href="#">Design </a>
 <ul class="submenu">
 <li><a href="#">Graphics </a></li>
 <li><a href="#">Vectors </a></li>
 <li><a href="#">Photoshop </a></li>
 <li><a href="#">Fonts </a></li>
 </ul>
 </li>
 <li><a href="#">Consulting </a></li>
 </ul>
 </li>
 <li><a href="#"><i class="fa fa-home"></i>System </a></li>
 <li><a href="#"><i class="fa fa-suitcase"></i>Portfolio </a>
 <ul class="submenu">
 <li><a href="#">Web Design </a></li>
 <li><a href="#">Graphics </a>
 <span class="jquery-accordion-menu-label">10 </span>
 </li>
 <li><a href="#">Photoshop </a></li>
 <li><a href="#">Programming </a></li>
 </ul>
 </li>
 <li><a href="#"><i class="fa fa-user"></i>About </a></li>
 <li><a href="#"><i class="fa fa-envelope"></i>Contact </a></li>
 </ul>
 <div class="jquery-accordion-menu-footer">
 Footer
 </div>
 </div>

</div>
</div>
</div>

Всего комментариев: 2
Порядок вывода комментариев: 1 1 ToRoS • 19:32, 2017-06-10 Применил к своей странице, но появилась проблема, при свайпе на мобильных устройствах, сразу при соприкосновении с экраном происходит клик в месте соприкосновения. Почему это может происходить? 0 2 BootstrapТема • 11:13, 2017-06-11 Это происходит из-за этого: .bind("click touchstart" Попробуйте заменить внешний скрипт на этот: http://bootstraptema.ru/other/2017/comments/vamm.md.js

BootstrapTema

Vertical Accordion Menu MD

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы