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

Question

[Александр Логинов-Солоницын]

Всем доброго времени суток!
codepen.io/login2030/pen/XKKGJd
Суть проблемы, на простой демке если навести курсор на черный квадрат, но начинается анимация белого, но если не дожидаясь окончания анимации убрать курсор, то анимация дергаясь доходит до конца.
Можно как-то это исправить?
Например чтобы текущая анимация прерывалась на том шаге, на котором мы убрали курсор и пошла в обратном направлении? Или это только возможно на js реализовать?
Всем спасибо!

Answer 1

[profesor08]

$(selector).mouseenter(function() {
  $(this).stop().animate({...});
});

$(selector).mouseleave(function() {
  $(this).stop().animate({...});
});

Comments

[Александр Логинов-Солоницын]

Так то оно так, но хотелось бы все нативно сделать, без jquery ))