用JS或jQuery逐个显示元素

Question

我有几个DIV，想逐个展示。

首先，所有这些都应该是CSS中的display:none;，然后我需要一些 jQuery 脚本，我无法弄清楚如何编写。

一次只能看到一个元素，延迟应该在2秒左右。顺序是：

1. 2秒无元素
2. 第一个元素可见2秒。
3. 2秒内无元素可见
4. 第二个元素可见2秒
5. 依此类推...... +循环

谢谢！

这是我到目前为止所做的一个链接。我知道，这不是一种优雅的方式。此外，它不会在最后一个元素打开后循环停止。 http://jsbin.com/uwubah/7/

HTML：

  <div class="dezute">dezute</div>
  <div class="kubikas">kubikas</div>
  <div class="zirkles">zirkles</div>
  <div class="telefonas">telefonas</div>
  <div class="izoliacija">izoliacija</div>
  <div class="dainuoja">dainuoja</div>

CSS：

.dezute, .kubikas, .zirkles, .telefonas, .izoliacija, .dainuoja{
  display: none;
}

JQ：

$(document).ready(function() { 
    setTimeout(function() { 
        $('.dezute').fadeIn(); 
 }, 2000); 
});

$(document).ready(function() { 
    setTimeout(function() { 
        $('.dezute').fadeOut();
        $('.kubikas').fadeIn();
 }, 4000); 
});

$(document).ready(function() { 
    setTimeout(function() { 
        $('.dezute').fadeOut();
        $('.kubikas').fadeOut();
        $('.zirkles').fadeIn();
 }, 6000); 
});

$(document).ready(function() { 
    setTimeout(function() { 
        $('.dezute').fadeOut();
        $('.kubikas').fadeOut();
        $('.zirkles').fadeOut();
        $('.telefonas').fadeIn();
 }, 8000); 
});

$(document).ready(function() { 
    setTimeout(function() { 
        $('.dezute').fadeOut();
        $('.kubikas').fadeOut();
        $('.zirkles').fadeOut();
        $('.telefonas').fadeOut();
        $('.izoliacija').fadeIn();
 }, 10000); 
});

$(document).ready(function() { 
    setTimeout(function() { 
        $('.dezute').fadeOut();
        $('.kubikas').fadeOut();
        $('.zirkles').fadeOut();
        $('.telefonas').fadeOut();
        $('.izoliacija').fadeOut();
        $('.dainuoja').fadeIn();
 }, 12000); 
});