menu / 2014/05/23

• link1
• link2
• link3
• link4
• link5

CSS

ul {
	display: none;
	list-style: none;
}

ul li {
	display: none;
	opacity: 0;
	color: #fff;
	font-size: 14px;
	line-height: 1.4;
	margin-top: 30px;
	margin-left: -25px;
}

ul li a {
	color: #fff;
	text-decoration: none;
	background: #6b635b;
	padding: 10px 60px 10px 10px;
}

ul li a:hover {
	opacity: 0.5;
}

JS

$('ul').css({'display':'block'});
$('ul li').each(function() {
	$(this).css({'display':'block'});
	for (var i = 0; i <= $('ul li').size(); i++) {
		$('ul li:eq('+i+')').delay(100*i).animate({'opacity':'1','margin-left':'0'},250,'easeOutQuad')
	};
});