JQuery / Javascript Submenu Hover Problem

Question

I have a problem in a jquery dropdown menu. In my example (link in the bottom) I want that when I hover the Submenu the color of the current menu item (item 2) stays in hover state (color white in example).

I want this in jquery/javascript and not css.

Link To Live Example with complete Code

Thanks

Hawxby · Accepted Answer · 2011-01-17 23:26:07Z

2

$("ul.submenu li a").css({'background-color': '#fdfa02'});
$("ul.submenu").css({'background-color': '#fdfa02'});
$("ul.submenu2").css({'background-color': '#fdfa02'});   
$('ul.submenu li a').css('color', '#00FF00');

//change the menu text color on mouse over
$('ul.menu li').hover(function () {    
     $(this).find("span:first a").css({color:'#FFFFFF'});    
},
function () {
    $(this).find("span:first a").css({color:'#000000'});  
});

edited Jan 17, 2011 at 23:26

answered Jan 17, 2011 at 23:06

Hawxby

2,8041 gold badge24 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Sbml Over a year ago

Could you tell me where you put the code ? In teory with this line of code if you hover the submenu the text in the menu stay white, but if you hover out the submenu, the text stays white, don't change to original state (black), but I could be wrong

Lightness Races in Orbit Over a year ago

"I want this in jquery/javascript and not css." :P

Hawxby Over a year ago

There you go, white text bug fixed

Lightness Races in Orbit Over a year ago

@Sbml: You are wrong! Make the code change inline -- it's clear to see where it should go, as other parts match up with your existing code -- and you will see it working.

Lightness Races in Orbit Over a year ago

@Sbml: Note that his .css change no longer applies just to the .hovered-only element, but to anything matching "span:first a" under it.

|

Collectives™ on Stack Overflow

JQuery / Javascript Submenu Hover Problem

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related