Dreamweaver - Como hago para pasar de una pagina a otra en un menu desplegable?

<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>