Ação mostrar/ocultar com input

Botão mostrar/ocultar com input é quando alguém clica no botão e apareçe algo em baixo e clica sobre o botão novamente e desaparece, para entender melhor; siga o tutorial e teste

Copie e cole este código onde queire colocar o mostrar/ocultar

<div class="pre-spoiler">
<input id="xs" value="Mostrar" style=" padding: 2px 5px 2px 5px; " 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 class="spoiler" style="display: none;">
CONTEÚDO A SER MOSTRADO E OCULTADO
</div></div>

Troque 'MOSTRAR' por uma palavra ou trecho que queira colocar no lugar que tenha o sentido de clicar para mostrar e troque 'CONTEÚDO A SER MOSTRADO E OCULTADO' pelo que queria mostrar ao clicar no botão