Toggle Style

Css Dhtml

[field4000]

Hey,

I am trying (but not having too much luck) to toggle a style for a navigation item while hovering over a separate layer.

What I have done so far: a list (i.e. ul) driven navigation with a sub-menu on a separate layer. When one rolls over one of the navigation items (i.e. li) the opacity on the item reduces to 50% and toggles the sub-menu layer.

What I am having trouble with: trying to retain the opacity of the ‘rolled over’ item on the menu whilst the mouse is hovering over the sub-menu layer.

Sorry if this is unclear.

Thanks in advance.

<No URLs, thanks. See TOS [WebmasterWorld.com] and CSS Forum Charter [WebmasterWorld.com]>

[edited by: SuzyUK at 9:14 am (utc) on Feb. 15, 2005]

[SuzyUK]

Hi field4000

>> Dhtml - sub-menu on a separate layer.
If you're toggling the display of the submenu using a javascript, maybe you could somehow toggle the classname of the "active" <li> "on the fly" at the same time so it shows it's active state (opacity) as long as its submenu is showing.

If the above is the case, you should be able to get more help from the knowledgeable folks on the javascript forum [webmasterworld.com]

Thanks
Suzy