Animeret menu kollaps

Er det noget i stil med det her du mener ?:

<script type="text/javascript">
function menuCollaps(id){
step = 5; // antal pixel pr. gentagelse
delay = 10; // forsinkelse mellem gentagelser
mysize = 100; // højde på menuen
mymenu = document.getElementById(id);
if( mymenu.style.height == '0px'){ myopen(); }
else{ myclose(); }
}

function myopen(){
thesize = parseInt(mymenu.style.height);
    if(thesize<mysize){
        mymenu.style.height=(thesize + step) + 'px';
        setTimeout('myopen()', delay);
    }
}

function myclose(){
thesize = parseInt(mymenu.style.height);
    if(thesize>0){
        mymenu.style.height=(thesize - step) + 'px';
        setTimeout('myclose()', delay);
    }
}
</script>

<div id="menuAncor" style="width:150px;cursor:pointer;background:#080;" onclick="menuCollaps('Menu')"><img src="minimize.gif"> Menu
</div>
<div id="Menu" style="width:150px;height:0px;overflow:hidden;background:#0f0;">
    <div id="menuItem1" class="menuItem">Link</div>
    <div id="menuItem2" class="menuItem">Link</div>
    <div id="menuItem3" class="menuItem">Link</div>
    <div id="menuItem4" class="menuItem">Link</div>
</div>

NB. husk id skal være unikt !

/psc

mange tak :)

velbekomme ;o)

..og tak for point ;o)

tak for hjælpen :)