Mostrar y Ocultar spoilers

Me he pasado un buen rato buscando y buscando por la red alguna cosa para poder ocultar algún spoiler que podamos incluir en los posts y que sea el propio lector el que elija mostrarlo... y por fin lo he encontrado! Diox me ha costado tanto conseguirlo que he decidido dedicarle un post al asunto.

Os voy a traducir los tres pasos que leí en BlogU:

1. Crea una copia de seguridad de la plantilla y después introduce el siguiente código en la plantilla del blog, en la zona de estilo. Yo lo he puesto justo al final de /* Comments:

.commenthidden {display:none}.commentshown {display:inline}


2. Introduce el siguiente código justo por encima de /head:
<script type="text/Javascript">function togglecomments (postid) {var whichpost = document.getElementById(postid);if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }} </script>


3. Guarda cambios en la plantilla. Cuando vayas a escribir el spoiler, tendrás que copiar y pegar este código:
<a aiotitle="click to expand" href="javascript:togglecomments(">Spoiler</a><br /><div class="commenthidden" id="UniqueName">ESCRIBE AQUI LO QUE QUIERES ESCONDER</div>

Importante: Donde pone UniqueName, hay que cambiarlo por una palabra única en el blog para identificar ese spoiler y diferenciarlo de los demás. Por ejemplo: FullMetalSpoiler

Vamos a probar a ver si funciona:
Spoiler

Las margaritas son flores del campo!