在鼠标移出时鼠标悬停/淡出时用fadein交换图像

Question

标题说是一切...... 我已经完成了这个教程creating-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

<强>已更新

你去吧

工作FIDDLE

$(".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");

    }

});