CSS Overflow Property

<style>
#OverflowAnimmasi { /* coloco todo en un DIV centrado */
margin: 0 auto;
width: 400px;
}
#Blakutak { /* el pseudo-botón */
float: right;
text-decoration:none;
width: 100px;
/* centro el texto en ambos sentidos */
height: 1.6em;
line-height: 1.6em;
text-align: center;
/* cualquier diseño gráfico */
background-color: #ABC;
border-radius: 4px 4px 0 0;
color: #234;
font-family: Tahoma;
font-size: 11px;
/* lo muevo levemente para que parezca una solapa */
margin-right: -1px;
/* un poco de animación para divertirse */
letter-spacing: 0px;
-moz-transition:all 1s;
-webkit-transition:all 1s;
-o-transition:all 1s;
}
#Blakutak:hover { /* efecto hover sobre el botón */
letter-spacing: 4px;
text-decoration:none;
}
#ScrollAnimmasi { /* el DIV con el contenido a mostrar */
clear: both;
margin: 0;
overflow-x: hidden;
/* cualquier diseño gráfico */
background-color: #EEE;
border: 3px solid #456;
color: #222;
font-family: Georgia;
font-size: 13px;
outline: 1px solid #ABC;
padding: 10px 10px 0 10px;
text-align: justify;
text-shadow: 1px 1px 1px #CCC;
/* animamos el cambio */
-moz-transition:all 1s;
-webkit-transition:all 1s;
-o-transition:all 1s;
/* tanto height como overflow-y se definen en la etiqueta misma */
}
</style>

<div id="OverflowAnimmasi">
<a href="javascript:expand();" id="Blakutak">expand</a>
<div id="ScrollAnimmasi" style="height: 200px;overflow-y: scroll;">

....... Content Overflow Animmasi Disini.......

</div>
</div>

<script type='text/javascript'>
//<![CDATA[
function expand() {
el = document.getElementById("ScrollAnimmasi");
// leemos la propiedad overflowY
if(el.style.overflowY=="scroll") {
// si está colapsado, lo expandimos
document.getElementById("Blakutak").innerHTML = "collapse"; // cambiamos el texto del enlace
el.style.overflowY = "visible"; // quitamos la barra de scroll
el.style.height = el.scrollHeight + "px";// cambiamos la altura
} else {
// si está expandido, lo colapsamos
document.getElementById("Blakutak").innerHTML = "expand"; // cambiamos el texto del enlace
el.style.overflowY = "scroll"; // agregamos la barra de scroll
el.style.height = "200px"; // restauramos la altura
}
}
//]]>
</script>