Abrir o Cerrar contenido

[CHILENOCES]

Hola que tal,
bueno mi duda es lo siguiente:

he visto webs donde por ejemplo un enlace en vez de llevar a otra pagina al hacerle click se abre bajo el enlace el contenido y luego al hacer click en el mismo enlace este se contrae algo asi se puede ver en www.download.com en el anuncio principal de no adware tiene un boton open y close en el mismo q despliega o contrae el contenido me gustaría saber como se hace esto y que nombre tiene esta funcion, si pudieran dejar un ejemplo se agradecería.

Muchas gracias.

[xp64]

tan facil como

Código:

<script>

function abre(a){
	if(a)
		document.getElementById("desaparece").style.display="none";
	else
		document.getElementById("desaparece").style.display="block";
}

</script>


<div id="desaparece">

Capa que aparece y desaparece

</div>


<a href="javascript:abre(1)">cerrar</a>

<a href="javascript:abre(0)">abrir</a>

[CHILENOCES]

Hola muchas gracias !!!! hasta ahi todo perfecto ahora... como se hace para que el contenido que se ha de desplegar salga oculto primero y haya que hacer click en abrir para mostrarlo???
Saludos

[xp64]

Código:

<script>

function abre(a){
	if(a)
		document.getElementById("desaparece").style.display="block";
	else
		document.getElementById("desaparece").style.display="none";
}

</script>


<div id="desaparece" style="display:none">

Capa que aparece y desaparece

</div>


<a href="javascript:abre(1)">abrir</a>

<a href="javascript:abre(0)">cerrar</a>

[CHILENOCES]

xp64 tus respuestas muy buenas y acertadas jejeje ahora lo ultimo para terminar...

El abrir y cerrar como lo podria cambiar por una sola palabra por ejemplo Contactame! y al hacer click ahi sirva para abrir y cerrar desde la misma palabra.

Muchas gracias.

[xp64]

Uff !!!

Código:

<script>

function abre(){

	comprueba=document.getElementById("desaparece").style.display;

	if(comprueba=='none')
		document.getElementById("desaparece").style.display="block";
	else
		document.getElementById("desaparece").style.display="none";
}

</script>


<div id="desaparece" style="display:none">
Contactenos
</div>


<a href="javascript:abre()">Contactame</a>

[CHILENOCES]

Jejeje eres un genio!!! jjaja muchas gracias,
yo creo que este post debería irse a las FAQS de Javascript.

Saludos y muchas gracias

[yoni-jaa]

Wua esto debe ser un maestro en javascipt se bacilo con tu pregunta mister...