jueves, 18 de abril de 2013

Como ocultar contenido en un spoiler

Este es un truco muy útil, para poder mostrar y ocultar lo que sea dentro de un spoiler en una entrada o un gadget de HTML. Primero, hay que pegar este código en HTML. Si estas en una entrada, puedes pasarte al HTML arriba a la izquierda.

<div><a href='#' onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.innerHTML = 'Ocultar';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = 'Mostrar';}return false" type="button">Aqui lo que quieres que ponga desde fuera</a><div style="display: none;">Contenido a ocultar</div></div>

Un ejemplo de cómo quedaría con el código de arriba:

1 comentario:

¡Me encanta que la gente comente! Prohibido escribir todo en mayúsculas, hacer spam sin autorización o insultar. Si tienes una duda, mira en la sección "Solución de dudas" y mira a ver si alguien ya tuvo esa misma duda y ya esta resuelta

Contacto:

Generationtechnologyray@yahoo.es
Twitter: @Technology_ray
Tuenti: Generation technology Laika
Youtube: Ray Laika
Facebook: Laika Aventu