js中，当鼠标覆盖图片的时候，为什么会两张图片不停的来回切换闪烁，而不是，覆盖显示第二张，离开显示第

Question

<div class="four_block inline_block" >

                <img src="/ehouse/img/item/industry/part1.jpg" class="first_show">

                <img src="/ehouse/img/item/industry/part11.jpg" class="second_show">

            </div>

$(function(){

    $(".second_show").hide();

    $(".first_show").hover(

        function(){

        $(this).hide();

        $(this).siblings(".second_show").show();

    },

        function(){

        $(this).siblings(".second_show").hide();

        $(this).show();

        

    })

})

Answer 1

因为在'$(".first_show").hover'这个事件中，鼠标移上去，你通过&nbsp;$(this).hide()让'$(".first_show")'隐藏了，同时触发移出事件，所以会存在来回闪烁