появление ссылок
 

Как осуществить постепенное появление ссылок одна за другой

<ul id="menu">
<li id="link_1"><a href="/main/pages/index/"><img src="/img/trident_sign.png" width="40px">Главная</a>
<li id="link_2"><a href="/main/pages/portfolio/"><img src="/img/trident_sign.png" width="40px">Портфолио</a>
<li id="link_3"><a href="/main/pages/materials/"><img src="/img/trident_sign.png" width="40px">Материалы</a>
</div>

#link_1,#link_2,#link_3{
display:none;
}

<script>
$(document).ready(function(){

});
</script>

<style>
#link_1,#link_2,#link_3{
display:none;
}
</style>
<ul id="menu">
<li id="link_1"><a href="/main/pages/index/">Главная</a>
<li id="link_2"><a href="/main/pages/portfolio/">Портфолио</a>
<li id="link_3"><a href="/main/pages/materials/">Материалы</a>
</div>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$('#menu li:first-child').fadeIn(function() {
    $(this).next().fadeIn(arguments.callee);
});
</script>

Зачем img'ы в меню? Про css не слышал?

спасибо