Spoiler con imagen para blogger

[sebas1]

Hola, es mi primer post, pero siempre acudo a este pagina web para resolver muchos problemas, bueno el dilema es que como no se casi de programacion siempre soy recursivo, y ya hace tiempo encontre un codigo para spoilers de boton y de enlace

Este es el codigo de un spoiler de boton:

Código HTML:

<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;">EL CONTENIDO NO ESTA DISPONIBLE POR EL MOMENTO</div>
</div> 

y Este el de un codigo de spoiler de enlace:

Código HTML:

<div><a href='#' onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.innerHTML = 'Ocultar Contenido';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = 'Mostrar Contenido';}return false" type="button">Mostrar Contenido</a><div style="display: none;">AQUI EL CONTENIDO QUE QUIERAS OCULTAR</div>
</div> 

Pero lo que queria saber es si se puede hacer un spoiler que en vez de el boton o el enlace, tenga una imagen que al darle clic salga el contenido, pero que ademas al pasar el puntero del mouse sobre ella cambie la imagen o el color de la imagen, y si se puede, para ver si ustedes son tan amables de ayudarme con esto ya que en realidad no se mucho de programación y lo nesecito para un pequeño proyecto sin animo de lucro, gracias.