FadeIn jquery [не работает]

Question

Я новичок в jquery, и мой fadeIn не работает. Я сделал здесь JSFIDDLE. Спасибо

$('#menu > li').on('mouseover', function(e){ 
 
    $(this).find("ul:first").fadeIn(120).finish(); 
 
    $(this).find('> a').addClass('active'); 
 
}).on('mouseout', function(e){ 
 
    $(this).find("ul:first").stop().finish().delay(500).fadeOut(120); 
 
    $(this).find('> a').removeClass('active'); 
 
});

Answer 1

Удалить .finish():

$('#menu > li').on('mouseover', function(e){ 
    $(this).find("ul:first").fadeIn(120); 
    $(this).find('> a').addClass('active'); 
}).on('mouseout', function(e){ 
    $(this).find("ul:first").stop().finish().delay(500).fadeOut(120); 
    $(this).find('> a').removeClass('active'); 
}); 

FIDDLE: https://jsfiddle.net/YGB5G/47/

От jQuery site:

Когда на элемент вызывается функция .finish(), текущая анимация и все очереди в очереди (если есть) немедленно останавливаются, а их свойства CSS устанавливаются в их целевые значения. Все очереди в очереди удаляются.