Botones Spoler para nuestra página

Botones Spoler
Muchas veces tenemos una gran cantidad de contenido en nuestras entradas y se nos hacen muy largas.
Para ello estan los botones spoler, que hacen desaparecer la parte que queramos y con otro click, ocultarla.
Ademas podemos ocultar videos, imágenes.. ect-

Aqui dejo unos ejemplos.

<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>

también tenemos esta otra opción

Mostrar / Ocultar ▼▲

Aquí el contenido que queremos ocultar

<div class="divspoiler">
<a href="javascript:void(0);" 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';}" >Mostrar / Ocultar &#9660;&#9650;</a>
</div><div><div class="spoiler" style="display: none;">
Aquí el contenido que queremos ocultar
</div></div>

iii iiiii

Mostrar / Ocultar ▼▲