phrase show up by words fade in

by Osama Qassar

HTML

<div class="example">
    These are some words that should be faded in one after the other.
</div>

JavaScript

var $el = $(".example:first"), text = $el.text(),
    words = text.split(" ");

var html = "";
for (var i = 0; i < words.length; i++) {
    html += "<span>" + words[i] + " </span>";
};
$el.html(html).children().hide().each(function(i){
  $(this).delay(i*500).fadeIn(700);
});