Animate会闪烁不透明动画的最后一个序列

Question

我有三个div元素，我从opacity: 0＆gt;动画opacity: 1。

我同时为最后两个元素制作动画，出于某种原因当最后一个元素点击opacity: 1

时，我会遇到一些奇怪的闪烁

http://jsfiddle.net/dmfux4LL/（注意右上角的“图像2”文字）

Firefox + Chrome中已经注意到了闪烁。

奖金问题：出于某种原因，“图像2”文本甚至在IE中都没有动画。

我在做什么：

CSS:
#frame1-image1, #frame1-image2, #logo-container {
    opacity: 0;
}
JS:
frame1Image1.delay(300).animate(
    { opacity: 1 },
    {
        duration: defaultDurationTime, 
        easing: 'swing',
        complete: function() { // the callback
            console.log("done");
        }
    });

frame1Image2.delay(400).animate(
    { opacity: 1 },
    {
        duration: defaultDurationTime, 
        easing: 'swing',
        complete: function() { // the callback
            console.log("done");
        }
    });

logoContainer.delay(400).animate(
    { opacity: 1 },
    {
        duration: defaultDurationTime, 
        easing: 'swing',
        complete: function() { // the callback
            console.log("done");
        }
    });