Activar y Desactivar un DIV

[gabyrsh]

Hola chicos, tengo los siguientes divs con estos CSS:

Código PHP:

   
#tabContenido 
{ 
    padding:10px; 
    position:absolute; 
    top:20px; left:0px; 
    border:1px solid; 
    width:550px; 
    height:180px; 
    z-index:1; 
} 
 
#demo { overflow:auto; height:245px; width:600px; position:relative; } 
 
</style>  
   

Mis Divs son:

Código PHP:

          <div id="Abrir" onClick="abrir(this)">Abir</div> 
       <div id="Cerrar" onClick="cerrar(this)">Cerrar</div>   
  
    <div id="demo"> 
       <div id="tabContenido">Texto ejemplo</div> 
       </div>  
   

Lo que quiero hacer, es que al hacer click Abrir muestre el div "demo" con su contenido (div tabContenido), y al hacer click en Cerrar, Lo haga desaparecer.

Nose si se puede hacer esto, tengo una idea, pero no me sale. He creado dos funciones, abrir y cerrar y se las asigne a los divs que los van a activar.
Pero estoy trabado.


Alguna Ayudita? Un abrazo.

[JavierB]

Hola gabyrsh

Para mostrar un div, o cualquier otro elemento:

Código:

document.getElementById('idDelDiv').style.display = 'block';

Para ocultarlo cmabia 'block' por 'none'

Saludos,

[gabyrsh]

Buenisimo!!! Gracias. Otra cosita, que libro me recomiendas de JavaScript?? Asi estas preguntas basicas, las puedo obtener de ahi.

Saludos.