jueves, 11 de abril de 2013
A veces al crear una entrada tenemos mucho contenido que mostrar, varias imagenes que ocuparían demasiado espacio en nuestro blog, por ello un botón de "Spoiler" con el que ocultar facilmente estos textos nos vendría muy bien, a continuación un ejemplo de como queda:
Podemos insertar cualquier dato dentro de este bóton, para añadirlo a nuestro blog usaremos el siguiente código
<div class="divspoiler">
<input type="button" value="Mostrar" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; this.value = 'Ocultar'; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none'; this.value = 'Mostrar'; }" />
</div><div><div class="spoiler" style="display: none;">
Contenido a ocultar
</div></div>
Copiandolo al modo HTML y sustituyendo la frase "Contenido a ocultar" por lo que queramos hacer invisible conseguiremos el efecto:
Me gusta el html para mostrar/ocultar texto!
Me alegra que te sirva!