<nav id="navegacion">
<ul id="menu">
<li><a href="index.html">Empresa</a>
<ul class="submenu">
<li><a href="Presentacion.html" title="Presentación">Presentación</a></li>
<li><a href="Distribuidor.html" title="Distribuidor">Distribuidor</a></li>
</ul>
<li><a href="#">Producto</a>
<ul class="submenu">
<li><a href="Estructura.html" title="Estructura">Estructura</a></li>
<li><a href="Entreplantas.html" title="Entreplantas">Entreplantas</a></li>
<li><a href="Cubierta.html" title="Cubiertas">Cubiertas</a></li>
<li><a href="Fachadas.html" title="Fachadas">Fachadas</a></li>
</ul>
<li><a href="#">Producción</a>
<ul class="submenu">
<li><a href="Diseño.html" title="Diseño">Diseño</a></li>
<li><a href="Fabricacion.html" title="Fabricación">Fabricación</a></li>
<li><a href="Transporte.html" title="Transporte">Transporte</a></li>
<li><a href="montaje.html" title="Montaje">Montaje</a></li>
</ul>
<li><a href="#">Compromiso</a>
<ul class="submenu">
<li><a href="Calidad.html" title="Calidad">Calidad</a></li>
<li><a href="Medioambiente.html" twitle="Medio Ambiente">Medio Ambiente</a></li>
<li><a href="Seguridad.html" title="Seguridad">Seguridad</a></li>
</ul>
<li><a href="#">Clientes</a>
<li><a href="#">Contacto</a>
</ul>
</nav>
Con este script lo hago funcionar:
<script type='text/javascript'>
$(function(){
$('#menu>li').hover(
function(){
$('.submenu',this).slideDown('fast');
},
function(){
$('.submenu',this).slideUp('fast');
}
);
});
</script>