Botón de spoiler 3 Formas~

|| ||

Hola ^^ ya llegue, y pues aquí te traigo el tutorial lady magenta *w*

Perdonad pero los ejemplos lo  verás en mi blog de pruebas

Blog de pruebas

Con imagen

Código:


<div class="divspoiler"><img src="URL DE LA IMAGEN~BOTÓN" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" /></div><div><div class="spoiler" style="display: none;">COLOCAR AQUÍ LO QUE QUIERES OCULTAR</div></div>
Con letra a tu preferencia

Código


<div class="divspoiler"><a href="javascript:void(0);" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" >TEXTO COMO BOTÓN</a></div><div><div class="spoiler" style="display: none;">COLOCAR AQUÍ LO QUE QUIERES OCULTAR</div></div>

botón personalizado

Código


<div class="divspoiler"> <input style="color: #COLOR DEL TEXTO ; background: #FONDO DEL BOTON; border: 1px solid #COLOR DEL BORDE;" 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;"> COLOCAR AQUÍ LO QUE QUIERES OCULTAR </div></div>

Espero y les sirva ^^

Perdón por los ejemplo habido un error

CRÉDITOS X


5 comentarios:

  1. ¿O es mi compu o no funcionan los ejemplos?

    ResponderEliminar
  2. esta muy chulo!!! *0* puede que lo use, aunque no se si funcionan u.u
    saluditos!!! >w<

    ResponderEliminar
  3. aaw graciiaas está muy genial!! *-*

    ResponderEliminar
  4. ¡KYAAAAAAAAAAAAA~! ME SIRVIÓ MUCHÍSIMO *w* ¡Muchas, muchas graciaaaas! ¡TE ADORAMARÉ POR SIEMPRE! cuando tenga tiempo los cambiaré por estos owó)9 ¡de nuevo mil gracias Carocaro! >w<, te pasarán miles de cosas buenas por esto y si un día necesitas algo, avísame owó)b CHUUU~!

    ResponderEliminar

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