Многоуровневое меню JQuery

Question

Привет всем Я создал многоуровневое навигационное меню, основанное на jquery, когда onMouse, каждый вложенный субнап появляется непосредственно под скрытым / нажатым элементом списка. Теперь у меня проблема в том, что bg-цвет выбранного родительского элемента не изменяется так же, как bg subnav. Странно это работает в IE, а не в FF. Это сценарий jquery, который я написал.

Демо - http://jsfiddle.net/pixelfx/xRVVv/4/

  $(document).ready(function() {
  $("ul#topnav li").hover(function() { //Hover over event on list item
  $(this).css({ 'background' : '#1376c9 url(topnav_active.gif) repeat-x'}); 
  $("ul#topnav li.active1").css({ 'background' : 'CCFFCC'}); 
  $(this).find("span").show(); //Show the subnav

  } , function() { //on hover out...
  $(this).css({ 'background' : 'none'}); 
  $(this).find("span").hide(); //Hide the subnav
  $(this).find("span.active").show(); //Hide the subnav
  $(this).find("li.active1").show(); //Hide the subnav
 $("li.active1").css({ 'background' : '1376c9'}); 
 });});

Answer 1

.css ({'background': 'CCFFCC'});

.css ({'background': '1376c9'});

вам не хватает отметки # до того, как цвета .. поможет ли это добавить?

OK отредактировал скрипку, исправив цветовые коды и получив то, что я думаю, что вы хотите, то есть чтобы вкладка active1 оставалась выделенной, кроме случаев, когда другие зависли на ..

это то, что вы ищете - jsfiddle