Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/01/2016, 03:30
RicardGTX
 
Fecha de Ingreso: diciembre-2015
Mensajes: 64
Antigüedad: 8 años, 10 meses
Puntos: 0
abrir uno y cerrar otro

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:
Ver original
  1. <span class="uno">Boton 1</div>
  2. <div class="menu_uno">Menu 1</div>
  3.  
  4. <span class="dos">Boton 2</div>
  5. <span class="menu_dos">Menu 2</div>

Código Javascript:
Ver original
  1. $("#uno").click(function() {
  2. $(".menu_uno").show();
  3. });
  4.  
  5. $("#dos").click(function() {
  6. $(".menu_dos").show();
  7. });

Código CSS:
Ver original
  1. .menu_uno, .menu_dos { display:none}


saludos
muchas gracias :)