Есть массив элементов $rElems, которые начинают после загрузки страницы последовательно показываться. Мне нужно остановить их, при наведении мыши на другие, связанные с ними, элементы.
$rElems.each(function(i){
var element = this;
timeoutId = setTimeout(function(){
$(element).fadeIn(600).delay(2000).fadeOut(250);
}, 3000*i);
});
$('.pps').hover(function(){
clearTimeout(timeoutId);
var dialog_img = $(this).next('img');
dialog_img.fadeIn(600);
},function(){
var dialog_img = $(this).next('img');
dialog_img.stop(true).fadeOut(250);
});
Почему не срабатывает clearTimeout(timeoutId); ?