Доработка эффекта вывода меню на сайте

Стандартный вывод меню

<div class="menu">
<div class="ico-menu"></div>
<ul>
<li><a href="/">Main</a></li>
<li><a href="#">Inside</a></li>
<li><a href="#">Photo</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Media</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>

На наведение ul появляется. Нужно чтобы подпункты li плавно появлялись один за другом, выезжали сбоку. Желательно как отдельные кнопки-полоски.