在FireFox中Jquery淡入淡出闪烁

我有一个简单的图像滑块，工作正常，但在Firefox中，

fadeIn/fadeOut

在进入下一个

fadeOut/fadeIn

之前会闪烁一次。这当然很烦人

我在Windows上使用FF27.0.1，在Ubuntu上使用27.0。两者都显示出相同的效果

我试过

fadeOut/fadeIn

和

fadeToggle

，都有相同的效果

JSFiddle：

#幻灯片放映{
利润率：10px自动；
位置：相对位置；
宽度：225px；
高度：200px；
填充物：5px；
盒影：0 0 20px#406dac；
}
#幻灯片放映部{
位置：绝对位置；
顶部：0px；
左：5px；
右：10px；
底部：0px；
}
$（文档）.ready（函数（）{
$（“#幻灯片放映分区：gt（0）”）.hide（）；
setInterval（函数（）{
$（'#slideshow>div:first'）.fadeToggle（2000）.next（）.fadeToggle（2000）.end（）.appendTo（'#slideshow'）；
}, 3000);
}); 

已尝试但无法复制Win/FF27.0.1与@RokoC.Buljan、Win/Nightly 30.1相同。这是现场情况。每次转换都会闪烁。@CoenDamen，在实时版本中也看不到闪烁吗？（win7，firefox 27）嗯？这很奇怪，我在这里测试了Linux和Windows，两者都有相同的效果。

<style>
#slideshow {
    margin: 10px auto;
    position: relative;
    width: 225px;
    height: 200px;
    padding: 5px;
    box-shadow: 0 0 20px #406dac;
}

#slideshow div {
    position: absolute;
    top: 0px;
    left: 5px;
    right: 10px;
    bottom: 0px;
}
</style>
<script type="text/javascript">
$(document).ready(function() {

    $("#slideshow div:gt(0)").hide();

    setInterval(function() {
        $('#slideshow >  div:first').fadeToggle(2000).next().fadeToggle(2000).end().appendTo('#slideshow');
    }, 3000);

}); 
</script>
<div id="slideshow">
<div>
    <img src="images/promo/couple3a_225x225.png" alt="" />
</div>
<div>
    <img src="images/promo/logo_icon1.png" alt="" />
</div>
<div>
    <img src="images/promo/logo_icon2.png" alt="" />
</div>
<div>
    <img src="images/promo/logo_icon1.png" alt="" />
</div>
<div>
    <img src="images/promo/logo_icon3.png" alt="" />
</div>
</div>