Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/03/2008, 12:59
Avatar de Daniel Ulczyk
Daniel Ulczyk
Super Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.264
Antigüedad: 20 años
Puntos: 2114
Cómo hago para ocultar varios DIVs, mostrar sólo uno

Sobre un proyecto en el cual estoy trabajando, tengo muchas páginas HTML que contienen varios DIVs:
Código HTML:
<div id="contenido1"></div>
<div id="contenido2"></div>
<div id="contenido3"></div> 
Etc.
Supongo que la cantidad de bloques no importa, pero en total son 8.
En cada página defino cual se muestra y cual no, mediante CSS:

Código HTML:
<style type="text/css">
#contenido2, #contenido3, #contenido4, #contenido5,
#contenido6,  #contenido7, #contenido8 {display:none} 
</style> 
En mi ejemplo, mediante CSS, sólo muestro el DIV contenido1 y el resto los oculto.
En la medida en que iba haciendo páginas, este método me resultaba práctico; pero, en tiempo de diseño ahora, me doy cuenta que necesito determinada dinámica.
Quisiera que, si accedo a este documento desde determinada página, sólo se muestre contenido1, por ejemplo. Pero si accedo desde otro, debo ocultar todos los demás y mostrar solamente contenido4, por ejemplo.
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)