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中的fadeIn图像，s 1之后1延迟500ms，当所有图像都淡出时，回调警报已完成请用小jQuery代码执行此操作谢谢

Answer 1

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

检查http://jsfiddle.net/Xc6jn/3/

处的工作示例