Выпадающее меню при наведении и клике js

При работе с крупным сайтом важно организовать продуманную структуру. Для это используется более сложное выпадающее меню, при наведении мыши или при клике на кнопку.

 
Демо
 

JS

Подключите jQuery и скрипт common.js в head.

 

 

common.js

 

 

HTML

Для отображения меню по наведению мыши необходимо добавить класс menu-hover к требуемой кнопки li.

Для отображения меню по клику мыши добавить класс menu-click.

 

В примере 1 и 2 кнопки работают по наведению, а 4 и 5 по клику.

 

 

CSS

 

 

 

 

Возможно, вам будет интересно: