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.