JQuery / Javascript Submenú Hover Problema

Question

Tengo un problema en un menú desplegable jQuery. En mi ejemplo (enlace en la parte inferior) Quiero que cuando pase el submenú el color del elemento de menú actual (punto 2) permanece en estado estacionario (color blanco en el ejemplo).

Quiero esto en jQuery / javascript y css no.

Enlace a vivir Ejemplo con total Código

Gracias

Answer 1

$("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'});  
});