En una entrada anterior mostré como poner un Spoiler con codigo CCS en esta mostrare como poner un Spoiler para ocultar y mostrar contenido en una entrada o en un gadget del blog usando Javascript, que  mostrar y ocultar contenido que deseamos .
Dentro de un Spoiler podemos incluir un gadget, una tabla, una imagen, un reproductor de audio, un video, etc.


Con botón este código en una entrada cada vez que lo quieras usar:

<div class="divspoiler">
<input type="button" value="Mostrar" 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;">
Aquí el contenido que queremos ocultar</div></div>

Para personalizar el botón este es el código que deben agregar:

<style>
.divspoiler input{
background: #333;
border: none;
border-radius: 3px;
width: 60px;
height: 25px;
color: #fff;
cursor: pointer;
font-family: sans-serif;
font-weight: bold;
}
</style>