Se vuoi che lo faccia dopo aver cliccato, vuol dire che si carica una nuova pagina, o che resta nella stessa?
Nel primo caso basta html <ul>[*] annidati fra di loro di volta in volta; nel secondo caso è js, e quindi non so aiutarti.
codice:
<ul class="menunavigazione">
<li class="primavoce">
<a href="home.html">Home
</a>
<li class="vocecorrente">
<a href="colombia\colombia.html">Colombia
</a>
<ul>
[*]
<a href="colombia\storia_antica.html">Storia Antica
</a>
[*]
<a href="colombia\storia_moderna.html">Storia Moderna
</a>
[*]
<a href="colombia\politica.html">Politica
</a>
[*]
<a href="colombia\guerra.html">Guerra
</a>
[*]
<a href="colombia\salsa&folklore.html">Salsa & Folklore
</a>
[*]
<a href="colombia\ate&musei.html">Arte & Musei
</a>
[/list]
[*]
<a href="viaggiare\viaggiare.html">Viaggiare in Colombia
</a>
<ul>
[*]
<a href="viaggiare\ambasciata_colombiana.html">Ambasciate Colombiane in Italia
</a>
[*]
<a href="viaggiare\ambasciata_italiana.html">Ambasciate Italiane in Colombia
</a>
[*]
<a href="viaggiare\ambasciata_vaccini.html">Vaccini
</a>
[*]
<a href="viaggiare\precauzioni.html">Precauzioni
</a>
[*]
<a href="viaggiare\consigli.html">Consigli
</a>
[*]
<a href="viaggiare\spagnolo.html">Corsi di lingua Spagnola
</a>
[*]
<a href="viaggiare\alcade.html">Sindaco di Bogotà: Alcade!
</a>
[*]
<a href="viaggiare\luoghi.html">Luoghi Sicuri e No
</a>
[*]
<a href="viaggiare\pesos.html">1 € = 3.000 Pesos = 1 Pranzo
</a>
[/list]
[/list]
Spero sia tutto giusto.