fade in for background-color (кнопка) и выпадающее меню меню суперфиша

Question

Я использую измененное выпадающее меню от суперфиша. Я хочу добавить независимое постепенное исчезновение в раскрывающемся меню. Цвет фона с помощью мыши и выпадающего ящика должен медленно исчезать.

Я добавил меню на скрипке: http://jsfiddle.net/g9usjkto/2/

я судимый уже:

transition: background 1s; 
-webkit-transition: background 1s; 
-moz-transition: background 1s; 
-o-transition: background 1s; 

Спасибо, с наилучшими пожеланиями, Danny77.

Answer 1

посмотрите на этом подменю, это очень легко и управляемой, расширяемой и редактируемые: DEMO

$('#menu li').hover(function(){ 
    var i=$(this).index(); 
    var submenu=$('.submenu').eq(i); 
    submenu.css({ 
     left:$(this).offset().left+'px', 
     top:($(this).offset().top+$(this).outerHeight())+'px' 
    }).stop().fadeIn(200); 
},function(){ 
    var i=$(this).index(); 
    var submenu=$('.submenu').eq(i); 
    submenu.stop().fadeOut(200); 
}); 
$('.submenu').hover(function(){ 
    $(this).stop().show(); 
},function(){ 
    $(this).fadeOut(200); 
});