Как исправить ошибочку в JS анимации?

Question

[Гриша Никольский]

Есть следующий код, но он скорее всего не будет важен, т.к ошибка явно типичная.

$( ".order-btn" ).hover(
		function() {
			$( this ).animate({
				backgroundColor: "#c53636"
			}, 400 );
			$( ".order-btn a" ).animate({
				color: "#33363a"
			}, 400 );
		}, function() {
			$( this ).animate({
				backgroundColor: "transparent"
			}, 400 );
			$( ".order-btn a" ).animate({
				color: "#c53636"
			}, 400 );
		}
	);

Если навести на .order-btn один раз, то все сработает нормально. Но если быстро проводить по нему, то после того, как вы остановились, анимация проигрывается столько раз, сколько вы мышкой по нему провели, тобишь мигает(в этом примере).
Заранее спасибо!

Answer 1

[Anton Filippov]

https://api.jquery.com/stop/