Cómo hago para ocultar varios DIVs, mostrar sólo uno

[Daniel Ulczyk]

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.

[JavierB]

Hola Daniel Ulczyk

Echa un vistazo a este mensaje, creo que no te costará mucho adaptarlo a tus necesidades:

http://www.forosdelweb.com/f53/como-hace-active-442324/

Saludos,

[lucasan]

Hola, lo puedes hacer con php, (ojala algún moderador te mueva el mensaje) con condiciones.

ejemplo:

si esta es la página 1, muéstreme tal <div>

si es la página 2, muestreme tal <div>

Si esa solución te parece viable y te interesa avisanos y te podremos ayudar.

Saludos.

[Daniel Ulczyk]

Sabés que pasa JavierB?
Que el comportamiento no es intrínseco al documento. La acción, lo mandatario debiera venir desde un documento externo; otro HTML y seguramente una variable.
lucasan: Gracias por la celeridad en la respuesta. Quisiera poder concretar esto del lado del cliente. Por tal motivo, inmediatamente pesé en JS.

[JavierB]

Hola de nuevo.

¿Te refieres a recibir una variable por url? Por ejemplo, para ocultar el div id="contenido2" la url sería:

Código:

tupagina.html?var=2

¿Podrías hacerlo así?

Saludos,

[Daniel Ulczyk]

Esa es la idea.
Estoy dispuesto a enlazarlo así:

Código HTML:

 <a href="documento.html?var=contenido1">documento con 8 DIVs</a> 

Pero mi pregunta es, cuando se abre documento.html, cómo hago para que ocurra esto:

Código HTML:

<style type="text/css">
#contenido2, #contenido3, #contenido4, #contenido5,
#contenido6,  #contenido7, #contenido8 {display:none} 
</style> 

Infiero que necesito un script. Para que de otra forma cuando diga var=contenido2 el CSS oculte los otro 7 DIVs. Y así para cada caso que necesite.