Cerrar Menu al abrir Otro

[LoKeD]

Buenas a todos!!
A ver si alguien me puede ayudar un poco!

Veamos, estoy haciendo una pagina web, y tengo el siguiente menu echo con css y html, y una funcion en javascript para mostrar un menu desplegable.
Este es el menu:


Como podeis ver al pulsar en cualqiera de los botones negros, se abre un submenu, y no se cierra el que tenias pulsado anteriormente, nose si me explico.
Por ejemplo si tengo abierto el menu de "El Club" que al pulsar el boton de "Equipo" se cierre el menu de El Club y se abra el de Equipo.
Como podria hacer esto?

El codigo javascript es este:

Código javascript:

<script type="text/javascript">     
    $(document).ready(function(){ // Script del Navegador
        $("ul.subnavegador").hide();                
        $("a.desplegable").toggle(
            function() { 
            $(this).parent().find("ul.subnavegador").slideDown('low'); 
            },
            function() { 
            $(this).parent().find("ul.subnavegador").slideUp('low'); 
            }
        );
    });
</script>
 

Y este seria la parte html:

Código HTML:

<ul class="navegador">
    <li><a href="#" class="desplegable" title="Link 1">EL CLUB</a>
        <ul class="subnavegador">
            <li><a href="#" title="Link 1-1">Directiva</a></li> 
            <li><a href="#" title="Link 13-2">Historia</a></li>         
            <li><a href="#" title="Link 1-3">Plantilla</a></li> 
            <li><a href="#" title="Link 1-4">Instalaciones</a></li>
            <li><a href="#" title="Link 1-4">Contacto</a></li> 
        </ul>
    <li><a href="#" class="desplegable" title="Link 1">EQUIPO</a>
        <ul class="subnavegador">
            <li><a href="#" title="Link 1-1">Ultimo Partido</a></li> 
            <li><a href="#" title="Link 13-2">Plantilla</a></li>        
            <li><a href="#" title="Link 1-3">Calendario</a></li> 
            <li><a href="#" title="Link 1-4">Clasificacion</a></li>
            <li><a href="#" title="Link 1-4">Resultados</a></li> 
        </ul>
    <li><a href="#4" title="Link 4">NOTICIAS</a></li>
 

Espero haber sido lo mas claro posible!
Un saludo, y gracias de antemano!

[LoKeD]

Perdon por el doble post! Por favor, alguien que pueda ayudarme?
Gracias!

[LoKeD]

Nadie sabe?? =(

[estudioplateado]

Hola

mira, en una de las paginas que diseñé supe incluir un menu del tipo que tu muestras, con menues que se abren y se cierran a medida que le pasas el puntero del mouse por encima;

prueba de chequear la pagina que te paso (mediante ver codigo fuente en el navegador), así podras ver el codigo mio y tratar de dilucidar alguna solución

[URL=http://www.almeidayasoc.com]www.almeidayasoc.com[/URL]

fíjate y me cuentas
saludos

[Pablo Javier]

No se si llego tarde con la solucion, pero prueba esto:

<script type="text/javascript">
$(document).ready(function(){
$("ul.subnavegador").not('.selected').hide();
$("a.desplegable").click(function(e){
var desplegable = $(this).parent().find("ul.subnavegador");
$('.desplegable').parent().find("ul.subnavegador") .not(desplegable).slideUp('slow');
desplegable.slideToggle('slow');
e.preventDefault();
})
});
</script>