JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <input type="button" id="button" value="fadein">
</form>

<div id="divWithDivs">
    <div></div>
    <div></div>    
    <div></div>
    <div></div>    
    <div></div>
    <div></div>    
    <div></div>
    <div></div>   
    <div></div>
    <div></div>
</div><!-- end #divWithDivs-->

CSS

#divWithDivs{
    background:#000;
    width:50px;
    display:block;
}

#divWithDivs div{
    background:#ccc;
    width:inherit;
    height:20px;
    display:none;
}

JavaScript

$("#divWithDivs div:odd").css("background-color", "#666");



$('#button').click(function() {
    setTimeout(function() {
        $('#divWithDivs').children().first().fadeIn(200, function() { $(this).next().fadeIn(200, arguments.callee); });
    }, 300);
});