задержка hover

[olechic]

Добрый день, подскажите пожалуйста, как мне сделать задержку ховенра на 1 сек, т.е. если курсор наведен в течении 1 сек. то ховер срабатывает, если нет - то не срабатывает?

$('.select').on('hover', '.inner', function() {

$(this).children().slideToggle(200);

});

СПАСИБО!!!

[Sensei]

$('.select').on('hover', '.inner', function() {
   $(this).children().delay(1000).slideToggle(200);
});

[amelice]

Добрый день, подскажите пожалуйста, как мне сделать задержку ховенра на 1 сек, т.е. если курсор наведен в течении 1 сек. то ховер срабатывает, если нет - то не срабатывает?

$('.select').on('hover', '.inner', function() {

$(this).children().slideToggle(200);

});

СПАСИБО!!!

По моему задержку на ховер лучше не стоит делать, если например несколько элементов .inner внутри .select, то при беглом прохождении курсора по этим элементам событие hover отработает с задержкой как написано и будет каша.

В этом случае считаю лучше вешать событие mouseenter и mouseleave и подключить таймер, то событие сработает только тогда, когда курсор над элементом.

Вот сравните оба варианта:

http://jsfiddle.net/amelice/8WMzL/1/

http://jsfiddle.net/amelice/8WMzL/2/