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.