Как предотвратить многократное выполнение анимации?

Question

[Yuriy Lyadov]

У меня менюшка где при наведении на кнопку выполняется анимация появления, но если много раз навести на эту кнопку, то анимация выполняется еще несколько раз... Помнится вроде как можно сделать ограничение, но не помню как прописать.

$(".id100").hover(function(){   
		    $("ul.fade").slideToggle(200);     
		    $('li.id').addClass('active');
		},function(){           
		    $('li.id').removeClass('active');
		    $("ul.fade").slideToggle(150);
		});

Answer 1

[0xD34F]

Перед запуском новой анимации останавливайте предыдущую:

$('.id100').on('mouseenter mouseleave', e => {
  $('ul.fade')
    .stop()
    .slideToggle(200)
    .children()
    .toggleClass('active', e.type === 'mouseenter');
});

Comments

[Yuriy Lyadov]

От души благодарю.
Сделал.