Некоректно работает .stop()
 

Здравствуйте не удается правильно настроить работу функкции ховера на странице
http://animatio.p.ht/portfolio/car_repair/index.html.
Я хочу сделать так,что при наведении на слайдер появляются кнопки прокрутки слайдера,когда курсор уходит с слайдера, кнопки затухают. В принципе если плавно навести а потом убрать курсор, все ОК,но если несколько раз подряд это сделать, работает неправильно. Либо же кнопки остаются,когда курсор уже не на слайдере,или курсор в области слайдера а кнопок не видно.
Функция для ховера написана так:
$('.slider,.slider_buttons').hover(
function(){
if(!$('.slider_buttons').is(':animated')){$('.slid er_buttons').fadeIn(800);}
},
function(){
if(!$('.slider_buttons').is(':animated')){$('.slid er_buttons').fadeOut(800);}
})
Так же пробовал так
function(){
$('.slider_buttons').stop().fadeIn(500);
},
function(){
$('.slider_buttons').stop().fadeOut(500);
})
Тоже не то. Скажите как еще можно сделать. спасибо за помошь)

Хм, забавный баг с fadeIn получается
Можно набросать нечто вроде такого

Товарищи читайте инструкции http://api.jquery.com/stop/ если у указать у параметры true,true ".stop(true,true)" - это приведет к завершению анимации fadeIn и решит вашу проблемму.
http://jsfiddle.net/RgjK6/7/

При быстром mouseout'е "кнопки" появляются полностью - имхо, не самый нужный в данном случае эффект: http://jsfiddle.net/RgjK6/8/

Спасибо.То что надо. У меня мозгов не хватило fade на animate поменять. Использую ваше решение.