Esconder y mostrar texto :3

|| ||

¿Esconder y mostrar texto?


Hola, este tutorial no es mío ositas es de lunany
Estuve mucho tiempo buscando este tutorial y lo encontré wiiiiiii
Gracias a mi por estar viendo los tutoriales de luna!
Oki este es el ejemplo



Copiamos el siguiente código y lo colocamos en un HTML/JAVASCRIPT

<center><div id="spoiler"><div><input value="Titulo del boton" style="width:200px ;font-size:12px;background-image: url(URL DEL FONDO);-moz-border-radius: 10px; border-radius: 10px;margin:13px;padding:0px;border-style: 2px solid #ff9fcc;" type="button" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide Spoiler!&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;none&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show Spoiler!&#39;; }" /><div id="show" style="display: none; background-color:transparent; background-repeat:repeat; margin: 0px;border-width:0px; padding:3px; width:90%"><center><center>Aquí el texto que quieres mostrar</center></center></div></div></div></center> 



Edita
: Texto que quieres mostrar
: Url del fondo
: Titulo del botón
Gracias a: Lunany por el tutorial

3 comentarios:

  1. Woow *A* Ni conocía de esto °A°
    Pero me ha encantado xD Seguro ya encontraré la oportunidad de usarlo *w*~ jeje
    Gracias por compartirlo en tu blog >w< jjeje
    Bendiciones *3*

    ResponderEliminar
  2. que genial el tuto ya quiero usarlo xD inuyasha es uno de mis fav <3

    ResponderEliminar

Tu comentario me haría muy feliz!! :D