How not to hide the dropped submenu?

Question

css

The site cssc.net.cn/en has an interesting menu. It is implemented terribly, but the main plus is that hover li fixes its child ul (i.e., when the mouse is released, the dropped submenu is not hidden). How to implement it in the view menu:

<div id="noid" class="menu">
<ul>

<li>
<a>Пункт 1</a>
<ul>
<li><a>Пункт 1.1</a></li>
<li><a>Пункт 1.2</a></li>
<li><a>Пункт 1.3</a>/li>
</ul>
</li>

</ul>
</div>

Answer 1

this is done using js - when you hover over the button, the visibility of the submenu is switched.
in your case it will be something like this (jQuery):

$('.menu > ul > li').mouseenter(function(){
$('.menu li ul').fadeOut();
$(this).find('ul').fadeIn();
});

Answer 2

li: hover ul {
display: block;
}

Answer 3

So it's done in js. Moreover, the child ul is not fixed there, but its contents are replaced with new data.

Answer 4

Maybe not with everything on the topic, but clicks can be done using css.
link to the article
True, here the menu is hidden when you move the mouse away.