jquery - 在鼠标悬停时用淡入淡出交换图像/在鼠标移出时淡出

Question

标题说明了一切......我已经制作了这个教程创建-a-jquery-mouseover-fade-effect

但我想在同一个应用程序中应用 3 次......使用不同的图像，当我尝试这样做时，他变得不协调，第二个图像排在第一位......

 <div class="AccordionPanelTab"><img src="images/tab_19.jpg" width="960" height="144" alt="zipperLogo" class="a" /><img src="images/main_over_06.jpg" width="959" height="144" alt="zipperHover" /></div>

Answer 1

更新

干得好

工作小提琴

$(".fadehover").on({

    mouseenter: function() {

        $(this).find('img').eq(0).stop().animate({"opacity": "0"}, "slow");

    },

    mouseleave: function() {

        $(this).find('img').eq(1).stop().animate({"opacity": "0"}, "slow");

    }

});