Como fazer para este código funcionar?

Qual é minha questão:
Bom estava procurando algo legal para mandar para os membros do meu fórum no Natal, achei umas mensagens e tal, ai achei o seguinte código.

Código:

<div class="divspoiler">
<img src="URL DA IMAGEM" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" />
</div><div><div class="spoiler" style="display: none;">
Aqui o conteúdo que queremos ocultar
</div></div>

Ele funciona assim, quando a pessoa clica na imagem aparece uma mensagem para ela, tentei usar em meu fórum mas não deu certo nas postagens, alguém sabe como faço para este funcionar, ou então se existe outro código?

Endereço do meu fórum:
http://www.bruniversalgames.com

Versão do fórum:
PHPBB3

Olá,

Crie um novo javascript com o investimento marcado nos tópicos e com este código:

Código:

jQuery(document).ready(function(){jQuery('.post .spoiler .spa').click(function(){jQuery(this).closest('.spoiler').find('.contents').slideToggle();});});

Feito isto poste a seguinte mensagem em seu fórum:

Código:

<div class="spoiler">
<div class="spa">Abrir conteúdo</div>
<div class="contents">CONTEÚDO!!!</div></div>

Os códigos HTML devem estar ativados.

Atenciosamente.

Olá o spoiler ja esta vindo aberto gostaria que ele viesse fechado, só abrisse quando a pessoa clicasse, mas isso me deu uma ideia.
Eu tinha esse código no meu PC e nem lembrava.

Código:

<dl class="spoiler"><dt style="cursor: pointer;"><center><div name=spoiler><img src="http://i42.servimg.com/u/f42/17/32/13/00/downcr11.png" height=15><font color=#0072ff size=2><b> Teste </b><img src="http://i42.servimg.com/u/f42/17/32/13/00/downcr11.png" height=15></font></div></center></dt><dd><div class="spoiler_content">
[center]Conteudo[/center]
</div></dd></dl>
</center>

Vou utilizar ele mesmo, obrigado pela ajuda!