abrir uno y cerrar otro

[RicardGTX]

Hola amigos
Tengo dos evento click para mostrar unos menus con display none.
Me gustaria saber como puedo hacer para que si tengo abierto por ejemplo: "menu uno" y doy al "boton 2" para abrir el "menu dos" el "menu uno se cierre" y al reves. Y tambien si tengo uno de los menus abiertos y pincho en cualquier parte del navegador se cierre.
No se si es complicado de hacer o por el contrario esta facil.
Me podeis guiar ?

Código HTML:

<span class="uno">Boton 1</div>
<div class="menu_uno">Menu 1</div>
 
<span class="dos">Boton 2</div>
<span class="menu_dos">Menu 2</div>
 

Código Javascript:

$("#uno").click(function() { 
$(".menu_uno").show();
});
 
$("#dos").click(function() { 
$(".menu_dos").show();
});
 

Código CSS:

.menu_uno, .menu_dos { display:none}
 

saludos
muchas gracias :)

[infoturnosya]

primero modifica el html, ya que estas abriendo un span y cerras un div
ej : <span class="dos">Boton 2</div>

Código Javascript:

$(".uno").click(function() { 
        $(".menu_dos").hide();
        $(".menu_uno").show();
    });
         
    $(".dos").click(function() { 
        $(".menu_uno").hide();
        $(".menu_dos").show();
    });
 
    
    $(document).click(function (e) {
        if (!$(e.target).parents().andSelf().is('.uno,.dos')) {
            $(".menu_uno").hide();
            $(".menu_dos").hide();
        }
    });