Совершенно простая и распространенная ошибка - вы применили CSS-стиль "visible" (для отображения меню) к тегу <a>
.При наведении курсора на <a>
отображается подменю, затем, когда вы нажимаете на элемент подменю, вы больше не наводите курсор <a>
, поэтому он снова скрывает его.
Если выпримените селекторы наведения <li>
, содержащие тег <a>
, он должен работать.