Kleines Problem mit DIV

Moin,

ich habe ein kleines Script welches beim onClick ein DIV aufblättert.
Nun soll es auch wieder zugeblättert werden.

Sprich: Das DIV rollt sich nach unten auf beim anzeigen, und soll auch
wieder zurollen.

Die Anzeige des DIV's funktioniert. Das schließen leider nicht so, wie
ich es eigentlich erwarte.

Wo habe ich noch einen Denkfehler?

Zum Besseren Verständnis hier mein Script:

<script language="Javascript">

function showDIV(div_id, div_height) {

var div = document.getElementById(div_id);

if(div.offsetHeight < div_height) {

var h = div.offsetHeight +10;
div.style.height = h+'px';
div.style.display="block";
window.setTimeout("resizeDivTo('" + div_id +"'," + div_height + ");",
15);

}

}

function closeDIV(div_id, div_height) {

var div = document.getElementById(div_id);

if(div.offsetHeight > div_height) {

var h = div.offsetHeight -10;
div.style.height = h+'px';
window.setTimeout("resizeDivTo('" + div_id +"'," + div_height + ");",
15);
//div.style.display="close";

}

}

</script>

<table>
<tr height="50px"><td colspan"2"></td>
<tr>
<td>
<span onClick="showDIV('test', 100);" id="span_id">anzeigen</span>
</td>
<td>
<div height="0" id="test" style="border: solid 1px #b3b2b2;
background-color: #F4F4F4; display: none; width: 250px;
position:absolute;">
<span onClick="closeDIV('test', 100);">schlie&szlig;en</span>
</div>
</td>
</tr>
</table>

Arg, hier das korrekte Script:

<script language="Javascript">

function showDIV(div_id, div_height) {

var div = document.getElementById(div_id);

if(div.offsetHeight < div_height) {

var h = div.offsetHeight +10;
div.style.height = h+'px';
div.style.display="block";
window.setTimeout("showDIV('" + div_id +"'," + div_height + ");", 15);

}

}

function closeDIV(div_id, div_height) {

var div = document.getElementById(div_id);

if(div.offsetHeight > div_height) {

var h = div.offsetHeight -10;
div.style.height = h+'px';
window.setTimeout("closeDIV('" + div_id +"'," + div_height + ");", 15);
//div.style.display="close";

}

}

</script>

<table>
<tr height="50px"><td colspan"2"></td>
<tr>
<td>
<span onClick="showDIV('test', 100);" id="span_id">anzeigen</span>
</td>
<td>
<div height="0" id="test" style="border: solid 1px #b3b2b2;
background-color: #F4F4F4; display: none; width: 250px;
position:absolute;">
<span onClick="closeDIV('test', 100);">schlie&szlig;en</span>
</div>
</td>
</tr>
</table>