es bastante facil de hacer, te hago uno simplon
<ul>
<li><a href="#">opt1</a></li>
<li><a href="#">opt2</a>
<ul>
<li><a href="#">opt1</a></li>
<li><a href="#">opt2</a></li>
<li><a href="#">opt3</a></li>
</ul>
</li>
<li><a href="#">opt3</a></li>
</ul>
para oculatar y mostrar los submenus deberias hacer algo asi
li ul {display:none} //con esto ocultas todos los ul's q esten dentro de un li, que seria un submenu
li:hover ul {display:block;}//cuando hay hover en un li q tiene un hijo ul q lo muestre