用fadeIn回调函数实现按顺序播放

功能：

有4个同样的div，需要让它们按顺序显示在页面上。

html结构：

<div class="text">text1</div>
<div class="text">text2</div>
<div class="text">text3</div>
<div class="text">text4</div>

css：

.text{ display: none; font-size: 25px; text-align: center;}

js：

var textFade = function(div){

  div.fadeIn (500, function(){
    var nextOne = $(this).next ('.text');
      if (nextOne.length > 0){
         myFade (nextOne);
      }
    });
 };
$(function (）{
  textFade ($(".text:first"));
});