LEIA MAIS - EFEITO EXPANDIR/OCULTAR TEXTO - MODO SIMPLES

Esse e o Código fonte direto em html...


Só apagar e alterar:


<br />
<div class="MsoNormal">
<br /></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="padding: 5px 0px;">
<div>
<span style="color: red;"><b>EXEMPLO!</b></span><br />
<div class="pre-spoiler">
<input id="xs" 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

= 'Leia Mais';
}" style="margin-left: 50px; padding: 0px; width: 80px;" type="button" value="Leia Mais" />

</div>
<div>
<div class="spoiler" style="display: none;">
<div class="MsoNormal">
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
</div>
</div>
</div>
<div style="text-align: center;">
<span style="background-color: black;"><span style="color: magenta;"><span style="font-family: Georgia, serif; font-size: 13px;"><br /></span></span></span></div>
<br />
<div class="MsoNormal">
<b><br /></b>
<b>EXEMPLO! 2</b><br />
<div class="pre-spoiler">
<input id="xs" 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

= 'Leia Mais';
}" style="margin-left: 50px; padding: 0px; width: 80px;" type="button" value="Leia Mais" />

</div>
<div>
<div class="spoiler" style="display: none;">
<div class="MsoNormal">
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
</div>
</div>
</div>
</div>
</div>
</div>

E Fica deste jeito Abaixo!

EXEMPLO!

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.

EXEMPLO! 2

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.