Problemas ar 'slidoso kastiti' ieks JS

Es meginu uztaisit css 'kastiti' kura pec uzklikskinasanas slidosi maina savu garumu, bet sanak ta ka vina atveras uzreiz. Meginaju ielikt ieksa velvienu for aizturi, bet sanak ta ka vins nogaida to aizsturi un atkal izmet kastes garumu, bez slidesanas efekta.

<script type="text/javascript">
function ExBox()
{
var i=0
for (i=0;i<=300;i++)
{
setStyleById("labi","height",i+"px")
}
}
</script>

<div> dala

<div id="labi" onclick='ExBox()'>
aaaaa
</div>

Vai kads var ludzu palidzet?