Not sure if this is exactly what you are looking for, but you can try
adding another selector to this code:
#nav .current,
#nav a:hover, #nav a:focus {
background-color:#fff!important;
color:#333;
}
Like this:
#nav .current,
#nav a:hover, #nav a:focus,
#nav ul li:hover > a {
background-color:#fff!important;
color:#333;
}
Note that IE 6/7 don't support :hover on list items.
- Jon
On Tue, Apr 5, 2011 at 4:47 AM, tee <[email protected]> wrote:
>
> I am trying to achieve this via jQuery by adding a class as I don't think
> it's possible with CSS (but maybe one of the CSS3 selectors can doit?).
>
> http://jsbin.com/acori/15/
>
> The menu is generated by the CMS system so there is restriction to adding new
> class directly to a specific menu item. It's a 3 level menu but the flyout
> starts from second level (2nd level menu 3).
>
> By default, the 1st level menu has a "top-level" class for anchor tag while
> 2nd and 3rd level don't have. What I want (and thought the easier way) to
> achieve is to target the "top-level" to find the "2nd level menu 3", so that
> I can add a "current" class for "2nd level menu 3", so that when flyout menu
> expanded, and when cursor moves to the third level, the "2nd level menu 3"
> has the same white background color as the hover does.
>
> I have this code in which the last line is how I want to add the "current"
> class.
>
> jQuery("#nav ul>li").find("a.level-top >
> li").parent("li").addClass("current")
>
>
> Thanks!
>
> tee
>
>
>
>
>
> *******************************************************************
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [email protected]
> *******************************************************************
>
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
