Primero nos descargarmos los archivos:
SpoilerRevealer.zip | Ver ejemplo

Primero lo que tenemos que hacer es formatear nuestro html para que pueda recibir el efecto:

<p>In the movie Citizen Kane, Charles Foster Kane´s last word "Rosebud" turns out to <span class="spoiler">be a sled.</span></p>

Luego pegamos esto en el head de nuestro html:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
     $("span.spoiler").hide();
 
     $("<a>Reveal Spoiler </a>").insertBefore(".spoiler");
 
     $("a.reveal").click(function(){
     $(this).parents("p").children("span.spoiler").fadeIn(2500);
     $(this).parents("p").children("a.reveal").fadeOut(600);
});
 
});
</script>

Si decidimos poner el archivos de jQuery en otro sitio deberemos cambiar la ruta de acceso: src=»js/jquery.js»

Más información: css-tricks.