Spoiler usando Scriptaculous

Hoy vamos a hablar de como podemos poner varios botones spoiler
Estas son varias formas

 Spoiler usando Scriptaculous

Con este Spoiler vamos a hacer que se muestre nuestro contenido con un efecto deslizante.
Para usarlo necesitamos tener Scriptaculous, si aún no lo tienes agrégalo antes de </head>
Para ello vamos a ir a  Tema > HTML
Ahora antes de </Head >  ponemos este código

<script src='http://ajax.googleapis.com/ajax/libs/prototype/1/prototype.js'/>

<script src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1/scriptaculous.js'/>

Y cuando quieras poner el spoiler en una entrada usa este código:

<input onclick='Effect.toggle("spoiler1","slide"); return false' type='button' value='Mostrar'/><div id='spoiler1' style='display: none;'>

...Aquí el contenido que quieres ocultar...

</div>

...Aquí el contenido que quieres ocultar...

...Aquí el contenido que quieres ocultar...