la idea es que con javascript cambies la propiedad del elemento contenedor del texto, en tu caso podría ser el tamaño (alto), o el display, de hidden a block
Te dejo un ejemplo
http://foros.emprear.com/javascript/...ctexto_nt.html
También es posible hacerlo con css
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="content-type" content="text/html; charset=utf-8" />
div#mostrar{
white-space:nowrap;
width:15em;
overflow:hidden;
text-overflow:ellipsis;
height: 20px;
line-height: 20px
padding: 2px;
}
div#mostrar:target{
text-overflow:inherit;
overflow:visible;
white-space:normal;
}
div#ocultar:target{
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}
a{
color: red;
cursor: pointer;
text-decoration: none;
}
Lorem ipsum dolor
<a href="#mostrar">mostrar más
</a><br /> consectetur adipiscing elit. Quisque ipsum tellus, vehicula eget luctus eu, tristique sit
amet enim. Vestibulum condimentum dui in risus elementum consequat
<a href="#ocultar">(-)
</a>
Saludos