Cerrar menú desplegable

[Ozone]

Hola a todos,
soy medio nuevo en javascript y estuve armando un menú desplegable en jquery que quedó bastante bien. Este es el código que estoy usando:

HTML:

Código HTML:

<ul>
     <li><a href="index.html">Home</a></li>
     <li><a class="desplegable" href="#">Desplegable 1</a>
          <ul>
               <li><a class="desplegable" href="#">Opción 1</a>
                    <ul>
                              <li><a href="#">Subopción 1</a></li>
                              <li><a href="#">Subopción 2</a></li>
                              <li><a href="#">Subopción 3</a></li>
                    </ul>
               </li>
               <li><a class="desplegable" href="#">Opción 2</a>
                    <ul>
                              <li><a href="#">Subopción 1</a></li>
                              <li><a href="#">Subopción 2</a></li>
                              <li><a href="#">Subopción 3</a></li>
                    </ul>
               </li>
          </ul>
     </li>
     <li><a class="desplegable" href="#">Desplegable 2</a>
          <ul>
               <li><a class="desplegable" href="#">Opción 1</a></li>
               <li><a class="desplegable" href="#">Opción 2</a></li>
          </ul>
     </li>
</ul>
 

Javascript:

Código Javascript:

$(document).ready(function () {
    $(".desplegable").click(function(){
        var nivel1 = $(this).parent();
        $("ul:first",nivel1).slideToggle(350);
    });
});
 

Les dejo un demo para que vean el efecto y el código funcionando:
https://dl.dropbox.com/u/7063804/test.html

Lo que yo necesitaría ahora es que cuando se despliegue la "Opción 1" y después se despliegue la "Opción 2" del "Desplegable 1" la "Opción 1" se cierre. Y también que cuando se despliegue el "Desplegable 1" y después se despliegue el "Desplegable 2" el "Desplegable 1" se cierre.


Gracias por la ayuda!