Re: [WSG] CSS challenge: make a li stays same bg color when cursor moves to its siblings

2011-04-06 Thread tee
I tweaked the Javascript a bit and one line of CSS. I think this is what you were trying to accomplish?http://jsbin.com/acori/16/ Many thanks! Yes it does. $('#nav li ul li').hover(function() It never occurs to me to target hover class. I thought when cursor moves away from a li and

[WSG] CSS challenge: make a li stays same bg color when cursor moves to its siblings

2011-04-05 Thread tee
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.

Re: [WSG] CSS challenge: make a li stays same bg color when cursor moves to its siblings

2011-04-05 Thread Jon Reece
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 {

[WSG] CSS challenge: make a li stays same bg color when cursor moves to its siblings

2011-04-05 Thread Manny Blum
I tweaked the Javascript a bit and one line of CSS. I think this is what you were trying to accomplish? http://jsbin.com/acori/16/ Hope it helps. On Tue, Apr 5, 2011 at 6:38 PM, Jon Reece jon.re...@gmail.com wrote: Not sure if this is exactly what you are looking for, but you can try adding