Buenas chic@s.
Tengo el siguiente código JS:
Código Javascript
:
Ver original<script language="JavaScript">
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('div_a_mostrar');/* "contenido_a_mostrar" es el nombre que le dimos al DIV */
}
</script>
El caso es que su función es la siguiente: cuando lo llamo desde algún sitio me hace lo que tiene que hacer, oculta o muestra un DIV, hasta ahí bien, pero la cosa se complica cuando hay 2, 3, 4... div's yo lo que quiero es que cuando le de a un div, todos los demás se oculten y solo se muestre el que yo quiera, y así con todos.
He probado múltiples maneras y no hay manera, he buscado por Google pero el código que yo busco no es 100% el que necesito, y por eso acudo a vosotros, a ver si me podeis echar un cable entre todos y me sacáis de este aprieto.
Muchísimas gracias!