jQuery FadeIn嵌套图像一个接一个

Question

嗨JQuery Masters我需要你的一些帮助,我有一些div

<div class="post">
    <div class="image-div">
         <img src="img" />
    </div>
</div>


<div class="column">
    <div class="image-div">
        <img src="img" />
    </div>
</div>

<div class="sidebar">
    <div class="image-div">
         <img src="img" />
    </div>
</div>

<div class="footer">
    <div class="image-div">
        <img src="img" />
    </div>
</div>

在图像中使用图像(图像是通过css隐藏)并且我希望淡入div中的图像,s 1之后延迟500ms并且当所有图像都淡入时回调警报已完成请用小jQuery代码执行此操作谢谢

Answer 1

$("div.image-div").each(function(index) {
    $(this).delay(400*index).fadeIn(300);
});

查看http://jsfiddle.net/Xc6jn/3/上的工作示例