esconder y hacer aparecer una div

Hola a todos-as.
Estoy intentando hacer que una div no aparezca en la pagina. no hay problema--> display:none
pero luego quiero que al pasar por encima o clicando aparezca, como si de un menu desplegable se tratara.
La idea es hacer como si fueran las noticias, que solo pone una parte y que si queres leer mas, picas en un punto y se abre la noticia entera.

¿es posible hacerlo solo con css?
¿y que ademas funcione en IE6 ?

Saludos y gracias.

me parece que loque dices vas a tener que utilizar un poco de javascript, fijate con los framework de jquery que podes obteer efectos muy atractivos.

http://www.cristalab.com/tutoriales/214/tutorial-de-jquery.html

http://docs.jquery.com/Tutorials

saludos!

Prueba usando los behaviors del dreamweaver, es una manera básica de crear estos efectos, al seleccionar el layer o div le colocas hide/show layer en los behaviors.

Hola a todos-as.
Gracias por vuestra ayuda. El tema de jquery es muy interesante, profundizare en el.

P.D. siento no haver contestado antes, no podia, ponia la respuesta y no salia en el foro, o sea no se mandava (estando conectado al foro) han pasado unos dias y lo vuelvo a provar, alguien save poque pasa esto ?

saludos.

Hola a todos-as.
Aprovechando que ahora si que he podido responder y como he tenido tiempo de experimentar y conseguir lo que queria, paso a hacer unas preguntas bastante concretas.
"La idea es hacer como si fueran las noticias, que solo pone una parte y que si queres leer mas, picas en un punto y se abre la noticia entera."
Esto ya esta en marcha y con un efecto elegante. El caso es que como hay varias noticias, cada una deve abrirse cuando se clica sobre ella y no deven abrirse todas.
Esto lo he conseguido identificando cada noticia con un div #distinto, pero veo que cuando el numero de noticias sea elevado, se me hara muy trabajoso, ir nombrando cada noticia y por consiguiente arreglando el codigo js.
me pueden dar alguna idea para que se abra solamente la noticia sobre la que se pulsa ?
si no se entiende lo que pido, pongo un ejemplo.
saludos. y gracias.

si seguiste el consejo de matiasnicolas y usaste jquery seria algo asi:

Código :

//estructura:
<div class="noticia">
<h2>titulo de la noticia</h2>
<span class="damemas">noticia relleno noticia relleno noticia relleno...</span>
</div>
//jquery:
$(document).ready(function(){
$('.noticia').click(function(){
$(.noticia).find('.damemas').slideDown(1000);
});
});

eso seria para todas las noticias sin tener que hacerlo individual.

chug0 escribió:

correción:
en:

Código :

$(.noticia).find('.damemas').slideDown(1000);

lo debes corregir por esto:

Código :

$(this).find('.damemas').slideDown(1000);

Hola a todos-as.
Perfecto chug0, en tres lineas, problema resuelto. Muchas gracias.
No conocia la funcion (find), aplicava el (this) pero faltava algo.
Gracias.
Un Saludo.