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

Question

[Alex666Devil]

Как сделать чтобы раскрывалось сразу все подменю и дочерние элементы при наведении на пункт главного меню? Может не совсем понятно описал.... вот пример:prosuperfamily.ru при наведении на пункт меню Мужчина - вылазит сначала одно подменю, потом при наведении на это подменю - выезжает дочерний элемент. а как организовать чтобы при нажатии на пункт меню Мужчина сразу все подменю с дочерними раскрывались?

Answer 1

[Grigruss]

nav .sub-item{display:none;}

<nav>
<div class="item">НОВОСТЬ<div class="sub-item">ВЛОЖЕННАЯ НОВОСТЬ</div></div>
</nav>

$('nav .item').mouseover(function(){$(this).children('.sub-item').css('display','block');});

Чистый принцип.

Answer 2

[Максим Тимофеев]

.классПервогоУровня:hover ul {display:block;}

Comments

[Alex666Devil]

класс первого уровня - в смысле это то что у меня Мужчина?

[Максим Тимофеев]

Alex666Devil: Да

[Alex666Devil]

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

[Максим Тимофеев]

добавь .классПервогоУровня:hover li:hover ul {display:block;}

[Alex666Devil]

не.не получилось. при чем если проводишь по пунктам меню - они исчезают. а когда опять наводишь на классПервого уровня - уже не появляются раскрытыми все пункты