Как пофиксить проблему с hover в меню

#javascript #html #jquery #hover

Когда навожу курсор на элемент меню, появляется выпадающее меню. Когда пытаюсь навести
на него, оно пропадает. Как пофиксить?
    

Ответы

Ответ 1

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



li {cursor: pointer;}
li.submenu ul {display: none; margin: 0px; padding-left: 30px;}
li.submenu:hover ul {display: block;}
пункт меню 1
пункт меню 2
пункт меню со вложением
  

    
подменю 1
    
подменю 2
  

пункт меню 4