Desplegar y recoger - Otro modo

Ya anteriormente les había hablado de una genial forma de crear este truco.
Esta vez mi nuevo amigo Zilfarion, me hace llegar esta otra forma. (gracias por el aporte ^_^)
Sin necesidad de hacer cambios en la plantilla.
Con un simple script que pegamos en la entrada, e incluso es modificable.
Como suelo decir, con los códigos, el límite es el cielo ;)

<div><div><div class="pre-spoiler"><span style="float: left; padding-top: 2px;"></span><input value="Ver" style="margin: 0px; padding: 0px; width: 80px; font-size: 14px; font-family: trebuchet ms;" 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 = 'Ver';}" type="button"> </div> <div> <div class="spoiler" style="display: none;"><span style="font-family:trebuchet ms;"><div style="text-align: center;"><div style="text-align: justify;"><u style="font-family: trebuchet ms;"></u>
TEXTO A OCULTAR
</span></div></div></span></div></div></div></div></fieldset>

Quedaría así:

PRUEBA !!!

Desde ya muchas gracias a los aportes de
:D