Почему не работает clearTimeout?

Question

[idclev31]

Есть такой код

var hovered = false;
var timeout;
$('.drop-menu').hover(
  function(){
		if(timeout){
			clearTimeout(timeout);
			timeout = null;
		}
		hovered = true;
		$(".logo").animate({
    	           marginLeft: '-=25%'
		}, 100);
  },
  function(){
		timeout = setTimeout(hovered = false,300);
		if(hovered == false){
			$(".logo").delay( 300 ).animate({
				marginLeft:'0px',
	    	                marginLeft: '35%'
			}, 100);
		}
});

При наведении мышью на один элемент,другой элемент в верстке должен сдвигаться влево, после снятия наведения он должен возвращаться на свое место.Я хочу отсрочить сдвиг назад, чтобы при частом наведении и снятии наведения элемент не дергался туда-сюда.
Делаю timeout на снятие, и при новом наведении по идее он должен сбрасываться с помощью clearTimeout, но этого не происходит.

Comments

[Павел Волынцев]

Могу предложить использовать CSS и селектор :hover + правило CSS transform:translate - всё будет очень плавно и каждый блок будет анимироваться независимо.

Answer 1

[Алексей Уколов]

timeout = setTimeout(hovered = false,300);
Почитайте, как пользоваться setTimeout().
Поскольку вы используете его совершенно неверно, clearTimeout срабатывает правильно, но ему просто нечего отменять.

Comments

[idclev31]

Да, я уже нашел в чем дело, спасибо!