div hidden 换成none

<html>
<head>
<script language="javascript">
<!--var state = 'hidden';function showhide(layer_ref) {if (state == 'visible') {
state = 'hidden';
}
else {
state = 'visible';
}
if (document.all) { //IS IE 4 or 5 (or 6 beta)
eval( "document.all." + layer_ref + ".style.visibility = state");
}
if (document.layers) { //IS NETSCAPE 4 or below
document.layers[layer_ref].visibility = state;
}
if (document.getElementById && !document.all) {
maxwell_smart = document.getElementById(layer_ref);
maxwell_smart.style.visibility = state;
}
}
//-->
</script>
</head>
<body>
<!-- HIDDEN INFORMATION TO BE SHOWN ONCLICK -->
<table width="800" border="0" align="center"  bgcolor="#F1FAFA">
<tr>
<td>Umask Value: <a href="javascript://" onclick="showhide('hiddenumask');"><b>show details</b></a>
</table>
<div id="hiddenumask" style="position:relative; visibility:hidden">
<table width="800" border="0" align="center"  bgcolor="#F1FAFA">
<tr><form name="form1" method="post" action="testtest.php">
<td><strong>Umask Value</strong></td><td></td>
<td><input type="submit" name="submitumask" value="Update"></td></tr>
<tr><td>Umask Value:</td>
<td>'.$get_umask.'</td>
<td> <input type="text" name="umask">
</form>
</td></tr>
</table>
</div>
<!-- END - HIDDEN INFORMATION TO BE SHOWN ONCLICK -->
<table width="800" border="0" align="center"  bgcolor="#F1FAFA">
<tr><td>SSH Settings: <a href="javascript://" onclick="showhide('hiddenssh');"><b>show details</b></a>
</table>
以上代码是我用来隐藏表格的，但是这个代码还是会保留表格的物理空间，所以每个showhide之间会留有很大的空隙，怎样才能让他不要保留物理空间？ 我尝试把function showhide中的hidden改成none但是脚本就不在隐藏表格了 求指教