Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/03/2015, 15:00
sidereus
 
Fecha de Ingreso: marzo-2015
Mensajes: 1
Antigüedad: 9 años, 1 mes
Puntos: 0
Pregunta Mostrar y Ocultar un div

Hola, me pregunta es la siguiente: tengo una página con varios 'div' al cargar todo están ocultos, con una función abro cada div especifico pero quiero que al abrir uno se cierren los demás, es decir que solo pueda abrir uno a la vez, como podría hacer esto?

la función que utilizo para mostrar y ocultarlos es la siguiente:


function muestra_oculta(id){
if (document.getElementById){ //se obtiene el id
var el = document.getElementById(id); //se define la variable "el" igual a nuestro div
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div
}
}
window.onload = function(){/*hace que se cargue la función lo que predetermina que div estará oculto hasta llamar a la función nuevamente*/
muestra_oculta('servidormasviajes');/* "contenido_a_mostrar" es el nombre que le dimos al DIV */

}

la mando a llamar en el 'onclick' de los botones del menú.