Otro "Desplegar y Recoger"

Aunque hay varios metódos en la red para mostrar en nuestros blogs la manera de "desplegar y recoger", les muestro el código de esta otra manera de aplicarlo y que es bastante sencilla de realizar,ya que solamente pondremos dicho código en las entradas donde queramos que aparezca, bien sea en un post de entrada o en un elemento de la -sidebar-.

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