анимация с остановкой
 

Здравствуйте задача состоит в том чтобы при наведении размер блока увеличивался и при отведении мыши размер блока уменьшался

$('.rotate_line').mouseover(
$(this).animate({'width':'170'},500);})
$('.rotate_line').mouseout(
$(this).animate({'width':'30'},500);})

Но при таком исполнении если навести и убрать мышь 10 раз то анимация будет исполняться 10 раз как сделать чтобы только при наведении и удержании происходила анимация а если просто провести по блоку то чтобы анимация не происходила?
http://imedia.in.ua/main/page/conditions
красный квадратик со стрелочкой

функции .stop() и .clearQueue() в помощь!

.clearQueue() помогла спасибо

ну ты почитай что каждая из функций делает.
и вызывай их перед тем как отрисовывать новую анимацию.