<div class="buton" onclick="goster();">Göster</div>

<ul id="kutular"> 
  <li>Kutu 1</li>
  <li>Kutu 2</li>
  <li>Kutu 3</li>
  <li>Kutu 4</li>
  
</ul>

ul#kutular{
  list-style:none;
  margin-top:10px;
  padding:0;
  
}
ul#kutular li{
  opacity:0;
  display:none;
  width:200px;
  height:80px;
  background:#ccc;
  font:13px arial;
  padding:20px;
  color:#666;
  margin-bottom:3px;
}
.buton{
  background:#444;
  color:#fff;
  font:12px arial;
  display:inline;
  padding:4px 10px;
  border-radius:3px;
 
  
}

function goster(){

var zaman = 0;
$("ul#kutular li").each(function(){
	var nesne = $(this);
  $(nesne).hide();
	$(nesne).css({opacity:0});

	setTimeout(function(){
 
	$(nesne).animate({opacity:1})
	$(nesne).show()
	
	},zaman);
	zaman +=400;
 
});
}