пркращения выполнения события
 

Привет всем.
Подскажите, как остановить выполнение события mouseenter, прежде чем начнётся выполнятся событие mouseleave? Мне нужно, чтобы событие mouseleave скидывало все стили ( removeAttr('style'), но стили появляются вновь, т.к. событие mouseenter продолжает расширять блок ( animate({ width: 300 }, 2000 ) ) уже после того, как выполнилось mouseleave.

как то так: http://jsfiddle.net/daMSQ/3/

В jQuery есть метод stop() для остановки анимации. А removeAttr('style') удалит только инлайновые стили. Лучше уж класс удалять.

Cпасибо.
По поводу инлайновых стилей: у меня была идея удалить стили, которые добавит animate(). :)