NUNCA ADAPTASTE EL CODIGO YO TAMBIEN NECESITO VER COMO PONER UNA IMAGEN Q SEA PARA VER EL CONTENIDO DEL SPOILER Y OTRA Q SE PONGA PARA DESPUES OCULTARLO
EL ULTIMO Q ENCONTRE FUE ESTE PERO NO ME FUNCIONO BIEN
<script>
function mostrar(enla , etik) {
obj = document.getElementById(etik);
obj.style.display = (obj.style.display == 'block') ? 'none' : 'block';
enla.innerHTML = (enla.innerHTML == '<img src="
http://i39.tinypic.com/149t8ad.jpg" border="0">') ? '<img src="
http://i41.tinypic.com/2a9ry3s.jpg " border="0">' : '<img src="
http://i39.tinypic.com/149t8ad.jpg" border="0">';
}
</script>
<a href="#" onclick="mostrar(this,'
spoiler'); return false"><img src="
http://i39.tinypic.com/149t8ad.jpg" border="0"></a>
<div id="
spoiler">
{content}
</div>
[FONT="]Lo rojo será cambiado por la url de la imagen que funcionará como botón.
Y lo que está en verde será sustituido por el código de lo que sea que desees ocultar.
Si vas a cambiar lo que está en azul, asegúrate de que en ambos esté escrito lo mismo, tienen que ser idénticos.[/FONT]
[FONT="]Lo rojo oscuro es para la url del botón que abrirá el spoiler.
Y lo que está en rojo claro es la url del botón que lo cerrará.[/FONT]