Привет!
Есть проблема. Имеется 2 элемента
'#tool-bar ul' по наведению и отведению на которые, появляется и скрывается объект
dragHere . Проблема в том, что при быстром перемещении курсора туда сюда с первого элемента
'#tool-bar ul' на второй и обратно, анимация появления и исчезновения воспроизводится несколько раз(очередь), а должна воспроизвестись только один раз. Я знаю , что проблема решается через метод stop(), но не знаю как правильно им воспользоваться в моем случае. Перепробовал уже кучу вариантов, но ни как.. Код приведен ниже. Подскажите пожалуйста как мне решить проблему?
var dragHere = $('.drag-here');
dragHere.css({opacity: 0}).hide();
$('#tool-bar ul').on('mouseenter', function(){dragHere.show(150).animate({opacity: 1}, 100)})
$('#tool-bar ul').on('mouseleave', function(){dragHere.animate({opacity: 0}, 100).hide(100)})