Como hago un spoiler de 3 clicks?

[moro666]

Quiero hacer un spoiler como este:

Código:

<div class="divspoiler">
<input type="button" value="Trailer" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; this.value = 'Ocultar'; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none'; this.value = 'Mostrar'; }" />
</div><div><div class="spoiler" style="display: none;">
Proxiamente aqui el trailer</div></div>

Pero lo que yo quiero es poder hacer 3 clicks en el spoiler y que salgan 3 cosas diferentes, me explico:
Primer click, sale el trailer, segundo click, sale una foto, tercer click, se cierra todo, y en cada click cambia el texto del boton!

Se puede hacer aunque sea en cualquier otro lenguaje de programacion web (me da igual si es ajax o hasta php!)

Gracais por su ayuda