Spoiler

<div id="ver_on1"><h1 id="titu"><a href="#" onclick="mostrar1('bloque1')" title="Expandir info">Expandir</a></h1>
<p class="copete"></p>
</div>
<div id="ver_off1" style="display: none"><h1><a href="#" onclick="ocultar1('bloque1')" title="Cerrar info">Contraer</a></h1>
</div>
<div id="bloque1" style="display: none">
<p id="txt">Texto oculto que ahora se ve </p>
</div>
<script>//Ocultar/Mostrar Div's
OCULTO="none";
VISIBLE="block";
function mostrar1(blo) {
document.getElementById(blo).style.display=VISIBLE;
document.getElementById('ver_off1').style.display=VISIBLE;
document.getElementById('ver_on1').style.display=OCULTO;
}
function ocultar1(blo) {
document.getElementById(blo).style.display=OCULTO;
document.getElementById('ver_off1').style.display=OCULTO;
document.getElementById('ver_on1').style.display=VISIBLE;
}</script>

Lo rojo es el texto que al hacer click el contenido se expanda
Lo azul es el texto que al hacer click el contenido se oculte
Por último lo verde es el texto que se oculta