jQuery delay

by borayeris

HTML

<div class="word">Word 1</div>
<div class="word">Word 2</div>
<div class="word">Word 3</div>
<div class="word">Word 4</div>
<div class="word">Word 5</div>
<div class="word">Word 6</div>

CSS

div {
    display:none;
}

JavaScript

$(document).ready(function() { 
   $('.word').each(function(index){
     $(this).delay(index * 1000).fadeIn(1000);
   });
});