0
Un Spoiler es un boton que nos sirve para ocultar o mostrar cualquier contenido que querramos dentro de un post, hay varios metodos para poner Spoilers, pero este metodo que muestro a continuacion es muy simple y tiene como ventaja que no tienes que modificar ni agregar ningun script a tu plantilla
Lo puedes hacer en forma de boton:
funcionamiento del boton Spoiler:
Tambien se puede poner en forma de Link:
funcionamiento del link Spoiler:
Lo puedes hacer en forma de boton:
<div><input value="Mostrar" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Ocultar';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Mostrar';}" type="button" /><div style="display: none;">INSERTA AQUI EL CONTENIDO QUE QUIERES OCULTAR</div></div>funcionamiento del boton Spoiler:
Tambien se puede poner en forma de Link:
<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">Mostrar</a><div style="display: none;">AQUI LO QUE QUIERES OCULTAR</div></div>funcionamiento del link Spoiler:
0Comentarios!