Explayar texto al hacer clic.

[razer]

Hola a todos, creo que esto es muy común en javascript, pero no encuentro ningún script que me convensa.

Quiero hacer algo como esto:
http://www.contamelo.com.ar/argentina/index.html

Apreten la imágen que dice "Ordenar, buscar o filtrar secretos (clic aqui)".
Al apretar esa imágen, se explaya un texto por debajo.

Alguien tiene algún ejemplo en javascript para que se pueda hacer esto?

Gracias

[caricatos]

Hola:

Simplemente es una capa con el estilo display: none, y el evento lo cambia a block:

<img onclick="tag('oculto').style.display = (tag('oculto').style.display == 'none') ? 'block':'none'" ...

Y deberías tener definido en el head el alias tag:
function tag(id) (return document.getElementById(id);}

Saludos

[razer]

Entendí mas o menos pero no se como ponerlo en el código.
(cero javascript yo)

[caricatos]

Iniciado por razer

Entendí mas o menos pero no se como ponerlo en el código.
(cero javascript yo)

Pues muy poco más tienes que poner... y esas cosillas tan básicas deberías saberlas...

Inténtalo y verás que no es tan difícil (no pretenderás que te lo hagan todo)

Saludos

[razer]

Listo, lo logre hacer.
Este es el codigo

Código:

		<script type="text/javascript">
			function showhide(divid){
			thediv = document.getElementById(divid);
			if(thediv.style.display== 'none' ){
			thediv.style.display='block'
			}else{
			thediv.style.display='none'
			}
			}
		</script>


<a href="#" onclick="showhide('div1')">Mostrar</a>
<div id='div1' style="display:none;"> texto </div>