Как остановить цикл анимации в JQuery

Question

У меня проблема с анимацией на этой странице "intervista 5"

Практически, когда игрок играет, стрелки next и prev должны быть скрыты.Когда пользователь наводит указатель мыши на div.interview_media, созданная мной функция [1] показывает активные стрелки текущего слайда.

Теперь проблема : если я наведите div.interview_media справа или слева от div, по центру (то есть там, где должна быть следующая или предыдущая стрелка), анимация входитцикл, поскольку, когда стрелка скрыта, указатель запускает анимацию, в то время как при появлении стрелки указатель находится не на div.interview_media, а на одной из стрелок (.browse), поэтому стрелки скрыты при входе, а затем в показ/ скрыть цикл ... дох!

Есть идеи, как решить проблему?

Спасибо всем за помощь,
Джузеппе

[1] Шоу скрытьфункция:

$(function(){
    $('.interview_media').hover(
        function(){
            console.log('showing arrows');
            $('.hidden').stop(true, true).show(200);
        },
        function(){
            console.log('hiding arrows');
            $('.hidden').stop(true, true).hide(200);
        }
    );
});

Answer 1

Попробуйте разместить левую и правую кнопки внутри div .interview_media.Таким образом, jQuery понимает, что вы не покидаете div .interview_media каждый раз, когда наводите курсор на правую и левую кнопки.