JSFiddle - React, Tailwind, and code Playground

by kougiland

HTML

<div class="post">
    <div class="image-div">
         <img src="http://i.cdn.turner.com/cnn/.element/img/3.0/global/header/hdr-main.gif" />
    </div>
</div>

<div class="column">
    <div class="image-div">
        <img src="http://i.cdn.turner.com/cnn/.element/img/3.0/global/header/hdr-main.gif" />
    </div>
</div>


<div class="sidebar">
    <div class="image-div">
         <img src="http://i.cdn.turner.com/cnn/.element/img/3.0/global/header/hdr-main.gif" />
    </div>
</div>


<div class="footer">
    <div class="image-div">
        <img src="http://i.cdn.turner.com/cnn/.element/img/3.0/global/header/hdr-main.gif" />
    </div>
</div>

CSS

.image-div{
    display:none;
}

JavaScript

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