<script>
/*******************************
 Menú desplegable v2. Por Carlitos. carlosbernad@teleline.es
 Si usas este script, deja intactas estas líneas (créditos). Vale?
 También te agradecería un e-mail con tus comentarios.
*******************************/

var antes = 0

function cambio(abc)
{
if (antes != 0 && antes != abc) document.getElementById(antes).style.display = 'none'
if (document.getElementById(abc).style.display == 'none')
   document.getElementById(abc).style.display = 'block'
else
   document.getElementById(abc).style.display = 'none'
antes = abc
}
</script>
<style>
a       {
        text-decoration: none
        }
a:hover {
	text-decoration: underline       
	}
</style>
<a href="#" onclick="cambio('op1')">opcion 1</a><br>
<div id="op1" style="display:none">
<li><a href="#">uno</a></li>
<li><a href="#">dos</a></li>
<li><a href="#">tres</a></li>
</div> 

<a href="#" onclick="cambio('op2')">opcion 2</a><br>
<div id="op2" style="display:none">
<li><a href="#">uno</a></li>
<li><a href="#">dos</a></li>
<li><a href="#">tres</a></li>
</div> 

<a href="#" onclick="cambio('op3')">opcion 3</a> 
<div id="op3" style="display:none">
<li><a href="#">uno</a></li>
<li><a href="#">dos</a></li>
<li><a href="#">tres</a></li>
</div>