jquery：一个接一个地用同一个div类淡入div？

我试图找到一种方法，使用jquery一个接一个地使用相同的div类淡入多个div，有人可以告诉我该怎么做吗？ 到目前为止，我所有的div都会立刻淡化它，因为它们都具有相同的div类，但是我已经看到这样做之前，具有相同类的多个div可以一个接一个地逐渐消失/一个接一个地延迟2秒延迟？

我试图淡入的div被称为’noti_box’

 
You have 11 New Messages
 
You have 11 New Notifications
 
6 Matters Needing Your Attention
 
  $('.noti_box').hide().fadeIn(1500); $('.noti_box').hide().fadeIn(1500); $('.noti_box').hide().fadeIn(1500);  

Answer 1

使用delay ：

 $('.noti_box').each(function(i) { // 'i' stands for index of each element $(this).hide().delay(i * 3500).fadeIn(1500); }); 

演示： http ： //jsfiddle.net/F39TV/1/