Botão Spoiler (Mostra e Ocultar)

Botão de mostrar e ocultar conteúdo, bastar editar onde necessário, siga o exemplo abaixo:

CONTEÚDO A SER MOSTRADO OU OCULTADO.

CÓDIGO

<div class="pre-spoiler">
<input id="xs" value="Mostrar" style="margin-left: 0px; padding: 0px; width: 70px; " onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Mostrar';}" type="button"> </div>
<div>
<div class="spoiler" style="display: none;">
CONTEÚDO A SER MOSTRADO OU OCULTADO.
</div></div>
Edite as partes em negrito, e insira valores que desejar.