Afiseaza sau ascunde un text cu buton de intrare

Cod html de mai jos se poate folosi la afisarea sau ascunderea unui text intr-o anumita postare unde doresti ca acel text sa nu-ti ocupe o pagina complet. Procedura este simpla, se introduce codul direct în editorul de post.

<div class="pre-spoiler">
<span style="float: left; padding-top: 2px;"></span><input id="xs" value="Vezi aici" style="margin-left: 50px; padding: 0px; width: 80px; " onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Ascunde';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Vezi aici';}" type="button" /><div class="spoiler" style="display: none;">
AICI TEXTUL CARE VREI SA IL ASCUNZI </div>
</div>

Modificări în codul de buton:

margin-left: 50px; Distanta buton din margina stanga.
width: 80px; Lungime buton.Daca textul este mai mare trebuie sa-l maresti.
font-size: 14px; Marime textului.
font-family: trebuchet ms; Tipul de litera text.