JQuery показать / скрыть проблемы

Question

Здравствуйте, я новичок в использовании jQuery, и я пытался создать меню, которое показывало бы разные картинки, когда вы наводили курсор на ссылки. Он покажет одно изображение и скроет еще 4, а когда вы наведите курсор мыши на ссылку, он вернется к изображению по умолчанию. Я использую функцию наведения, но иногда, когда я перемещаю мышь вниз, появляются оба изображения (одно, связанное со ссылкой и по умолчанию), и мне было интересно, есть ли какая-нибудь проверка, которую я мог бы сделать, чтобы убедиться, что это не случилось Вот как выглядит мой код.

    $("#blog-img").hide();
    $("#contact-img").hide();
    $("#headturner-img").hide();
    $("#work-img").hide();

    $("#blog").hover(
        function(){
                    $("#default").hide();
            $("#contact-img").hide();
            $("#headturner-img").hide();
            $("#work-img").hide();
            $("#blog-img").show("slow");
        },
        function(){
            $("#blog-img").hide();
            $("#default").show("slow");    
           }
    );

Я бы хотел получить любую помощь в этом вопросе.

Answer 1

Возможно, вы создаете условие гонки, используя время для показа изображений.

Когда показываются оба изображения, это возможно потому, что хотя бы одно из Shows было выполнено до завершения первого выполненного,Это может произойти, когда вы частично двигаете - мы говорим пиксели - в / из объекта при наведении.

Я рекомендую использовать CSS для решения этой проблемы.Это намного чище, чем использование Javascript.