HTML + CSS: горизонтальное подменю, всегда показывающее

Question

Я изучаю HTML + CSS для создания простого веб-сайта с меню вверху. Когда курсор мыши наводится над одним из пунктов меню, он расширяется и отображает подменю.

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

Теперь подменю работает правильно, но оно появляется только при наведении курсора мыши. Я хочу, чтобы подменю отображалось всегда. Возможно ли это в HTML + CSS?

Спасибо!

Answer 1

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

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $('your Menu Div Selector').click(function(){ 
     $('you dropdown div selector').show(); 
    }); 
}); 
</script> 

что-то вроде этого