Здравствуйте не удается правильно настроить работу функкции ховера на странице
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);
})
Тоже не то. Скажите как еще можно сделать. спасибо за помошь)