Как доработать меню на js так, чтобы одна вкладка меню всегда оставалась активной?

Question

[cncfrez]

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

По умолчанию, отображается первый блок с подменю(я убрал display none). Все работает отлично, до того момента как только я навожу курсор на другие пункты, отображаются другие подменю а активный по умолчанию исчезает вместе с ними. А мне нужно чтобы после того как пробежался мышкой по меню, в конце вновь отображался тот который не имеет display none. Как правильно дописать js?

Comments

[Сергей Сергей]

просто show для первого info можно сделать.

[cncfrez]

Сергей Сергей, Как?) Если потом он снова скроется после наведения на другие пункты

[Сергей Сергей]

в процедуре, где скрывается инфо, добавить отображение первого инфо с условием, что все другие скрыты.

[cncfrez]

Сергей Сергей, КАК ? я еле дописал чтобы оно отображалось вообще)

Answer 1

[Саша]

Зачем изначально добавили лишний код от которого избавляетесь?


Перепишите стили указанные в атрибутах (style="display:none;") на классы и берите их за основу.

Все это приведет к более читаемому и простому коду, с которым как итог легче работать.