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&agrave;: 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.