Rozbalovací menu

Dobrý den,
mám udělané rozbalovací menu pomoci HTML a CSS.

HTML
<ul>
<li><a href="#">Odkaz 1</a>
<ul>
<li><a href="#">Odkaz 1.1</a></li>
<li><a href="#">Odkaz 1.2</a></li>
<li><a href="#">Odkaz 1.3</a></li>
<li><a href="#">Odkaz 1.4</a></li>
<li><a href="#">Odkaz 1.5</a></li>
<li><a href="#">Odkaz 1.6</a></li>
</ul>
</li>
</ul>

CSS
#menu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#menu{
width: 120px;
padding: 5px;
position: absolute;
top: 100px;
left: 100px;
}

#menu a{
color: #000000;
text-decoration: none;
font-family: Segoe Print;
}

#menu ul ul{
display: none;
border: 1px solid black;
padding: 10px;
background-color: yellow;
position: relative;
top: 10px;
}

#menu ul:hover ul{
display: block;
}

#menu ul:hover ul:hover a:hover{
color: green;
text-decoration: underline;
}

#menu .seznam{
display: none;
}

A chtěl bych aby se mě postupně rozbalovalo pomocí JAVA SCRIPTU jako tady http://www.mafia.cz/ v menu 'download' a nevím jak to rozchodit pomocí Načasování??? setTimeout() ??? nebo jak poraďte prosím díky.