подскажите пожалуйста как можно добавить задержку при mouseout, код ниже. Суть того, чего хочу добиться это небольшая задержка при потере фокуса элементом или моментальный останов всей цепочки при фокусе на аналогичных элементах (#startCat li:has(ul)). doTimeout это сторонний плагин, он добавляет паузу. в данном случае чтобы не наползали блоки один на другой я просто воспользовался равными задержками, но такой вариант меня не совсем устраивает. из того что пробовал, queue - dequeue функцию, stop(), setTimeout. Но нужного результата так и не получил, вобщем буду благодарен за любые советы по этому поводу.
$('#startCat li:has(ul)').each(function(){
var hovered = $(this);
hovered
.mouseover(function(e){
hovered.doTimeout('handler', 450, over, e.target);
}).mouseout(function(){
hovered.doTimeout('handler', 450, out);
});
function over(elem) {
hovered.addClass('on-top').find('#hiddenCat').show();
return false;
};
function out(elem) {
hovered.removeClass('on-top').find('#hiddenCat').hide(0);
};
});
