Как не скрывать выпавшее подменю?

Question

[Александр Донов]

На сайте cssc.net.cn/en имеется интересное меню. Реализовано оно ужасно, но главный плюс - это hover li фиксирует свою дочернюю ul (т. е. при отведении мыши выпавшее подменю не скрывается). Как это реализовать в меню вида:

<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

[Дмитрий Новиков]

это сделано при помощи js - при наведении на кнопку, переключается видимость у подменю.
в вашем случае будет что-нибудь вроде такого (jQuery):

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

Answer 2

[Александр Донов]

$('.div_menu_29656 > ul > li').mouseenter(function(){
$('.div_menu_29656 > ul > li > ul').removeClass('err');
$(this).find('ul').addClass('err');
});

Рабочий пример: amurnelma.taix.ru

Answer 3

[Emperio]

li:hover ul {
display: block;
}

Comments

[Александр Донов]

условие: при отведении мыши выпавшее подменю не скрывается

Answer 4

[Никита К.]

Так там сделано на js. При том, там не фиксируется дочерний ul, а заменяется его содержимое новыми данными.

Answer 5

[Александр Петров]

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