Answer to http://stackoverflow.com/q/11403179/2688

Showing hidden divs one at a time

by Brian Dukes

HTML

<div class="view">This is the first</div>
<div class="view">This is the second</div>
<div class="view">This is the third</div>
<div class="view">This is the fourth</div>
<div class="view">This is the fifth</div>
<div class="view">This is the sixth</div>

CSS

.view {display:none;}

JavaScript

jQuery(function($) {
    var showDivs = function() {
        var divs = $('div.view:hidden');
        if (divs.length) {
            divs.first().fadeIn();
            setTimeout(showDivs, 300);
        }
    };

    showDivs();
});