[Tutorial]Poner un Boton mostrar/cerrar con imagen como el mio!

Holaaaaaaaque tal??? antes de nada he de decir que estoy muy contenta porque ya casi llegamos a 190 solo nos faltan 2 quienes seran esas o esos dos ??? tambien quiero decir que he estado haciendo unas cosillas como veis hay un gadget de EXTRA & PUBLI ahi hay dos cosas ocultas estoy elaborando unas reglas y normas para la publicidad a ok una cosa {la idea de publi es de  MMC!} Bien lo malo es que esta semana no se si voy a poder hacer todo lo del horario solo podre cuando tenga mis descansillos después de estudiar odio los lunes de exámenes biennnnn ahora si que si vamos con el tuto

EL tuto es de como poner un boton de ocultar y mostrar como el mio

• Diseño
• Añadir /Gadget Javascrip
• en la cajita blanca colocáis este código

<div class="divspoiler">

<img src="URL de la imagen" 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;">

lo que quieras poner

</div></div>

EDITO <3

Moradito:La imagen que estará para abrir o ocultarse

Naranjita:lo que quieras poner para ocultar

créditos {x}