Mostrar e Ocultar Texto

Vou Ensinar um Tutorial Rapido de como colocar no seu Blog um botão de Mostrar e Ocultar Texto, Vamos la

1º - Copie o Código Abaixo e Cole em um Editor de texto (Recomendo o Bloco de Notas)

<div class="pre-spoiler">

<input id="xs" value="Mostar" style="margin-left: 0px; padding: 0px; ;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;;this.innerText = &#39;&#39;; this.value = &#39;Ocultar&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.value = &#39;Mostrar&#39;;}" type="button" /> </div>

<div>

<div class="spoiler" style="display: none;">

Aqui vai o texto oculto

</div>

</div>

2º - Só Troque onde ta escrito Aqui vai o texto oculto pelo texto que deseja ou um código html e pronto

Exemplo de Como Ficou Um Nosso:

Aqui vai o texto oculto, pode ser qualquer coisa, até um código em HTML