Estoy haciendo una pagina que consta de un menú de navegación con tres botones, los cuales abren cada uno un panel de navegación(div) lateral(izq) distinto, que esta lleno de botones que abren cada uno un div con varias imágenes que se muestran en el resto de la pagina.
El primer problema es como consigo que al hacer click en uno de los botones del navegador principal desaparezca el div(navegador lateral) que este abierto en ese momento. Es decir, cada botón abre su navegador lateral y a la vez cierra el que estuviese activo para dejar el sitio al que pulsemos.
El segundo problema viene a ser el mismo al hacer click en uno de los botones del div lateral necesito que cierre el div(con imagenes) activo y abra el otro en esa posición.
Hasta ahora he conseguido que al hacer click sobre un botón del menú de navegación aparezca su div pero se quedan en bloque y necesito hidear el anterior de alguna forma para que el activo se coloque en la posición del anterior (Ahora se quedan según están en el html, si abro de los últimos a los primero si hace su función, pero si es al contrario no y voy a estar dando clicks de uno a otro constantemente y no es plan estar recargando la pagina.
Llevo dos días buscando la forma con show/hide pero solo encuentro ejemplos en los que crean un botón que descubre o esconde un párrafo, y no quiero tener que estar dando un click extra cada vez que cambio de botón que van a ser muchas :P
No se si me he explicado bien pero básicamente es que al hacer click en X etiqueta/elemento se abra su div y cierre el de Y para "dejar" su sitio al de X.
Cualquier ayuda es bienvenida, saludos.