Animer højde på <div>

Funktionskaldet kan være rulop(mydiv,350,150) altså rulop([div-id],[starthøjde],[sluthøjde])

er højden på dine divs ikke defineret på forhånd? eller skal de sættes i forbindelse med eksekveringen af funktionen?

Jo, men det var også mere for at illustrere at den skal starte ved 350 px højde, og slutte ved 150 px.

et hurtigt udgangspunkt:

<script type="text/javascript">
var divs=new Array();
function rulop(divid,slut){
    divs[divid]=setInterval("rul('"+divid+"','"+slut+"');",100);
}
function rul(el,hojde){
    var el=document.getElementById(el);
    if(el.offsetHeight>hojde){el.style.height=el.offsetHeight-2+"px";}
    else{
        el.style.height=hojde+"px";
        clearInterval(divs[el.id]);
    }
}
window.onload=function(){
    rulop("rood",25);
    rulop("blaa",50);
}
</script>
...
<div id="rood" style="height:300px;background:red;">&nbsp;</div><br><br>
<div id="blaa" style="height:200px;background:blue;">&nbsp;</div><br><br>