анимация при наведении курсора

Question

У меня возникают проблемы при работе с функцией анимации jquery при наведении курсора на элемент div.

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

Я включил пример моей работыпо ссылке JSFiddle ниже.

http://jsfiddle.net/hPeHG/

Answer 1

Вы должны использовать .stop (true) , чтобы очистить очередь перед добавлением новой анимации.

$('selector').stop(true).fadeOut(...);