Loading elements in order

by shanejones

HTML

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

CSS

div {
  background-color:black;
  width: 50px;
  height: 50px;
  float: left;
  margin: 10px;
  display: none;
}

JavaScript

$('div').each(function(index) {
    $(this).delay(100*index).fadeIn(100);
});