задержка JQuery не работает, как ожидалось

Question

У меня есть следующий код JQuery

$("#dropdown").hover(function() { 
     $(this).stop(true,true).fadeTo('fast',1); 
     $("#options").stop(true,true).slideDown(); 
    }, function() { 
     $(this).delay(1000).stop(true,true).fadeTo('fast',0.1); 
     $("#options").delay(1000).stop(true,true).slideUp(); 
    } 
); 

Что ожидать произойдет, когда мышь покидает #dropdown он будет ждать 1 секунду, прежде чем продолжить. Этого не происходит.

То, что я пытаюсь достичь, в случае, если есть лучший способ, заключается в том, чтобы оставить раскрывающееся меню видимым на секунду или два после перемещения мыши, и я также хотел бы предотвратить повторение событий, чтобы предотвратить артефактов и «забав», если бы вы быстро и быстро вытащили мышь из div.

Answer 1

Проблема заключается в .stop(). Если считать, что из его работ:

http://jsfiddle.net/LZ8yt/

Answer 2

Вы всегда можете пойти lo-tech с помощью setTimeout.

var dropDownElement = $(this); 
setTimeout(function() 
{ 
    dropDownElement.fadeTo('fast', 0.1); 
    // Other Code 
}, 1000); 

Answer 3

Ваши звонки в stop не помещаются в очередь анимации - они работают сразу. Я не уверен, действительно ли они вам нужны в рутине «зависания».

редактировать удалены немота