div隐藏后不占空间的写法：

可以尝试在div中加入style="DISPLAY: none;"这样就不会占空间了。如果写成：
style="DISPLAY: none;"

visibility属性：
确定元素显示还是隐藏；
visibility="visible|hidden"，visible 显示，hidden 隐藏。
当visibility被设置为"hidden"的时候，元素虽然被隐藏了，但它仍然占据它原来所在的位置。
例如：
<script language="javascript">
function toggleVisibility(me)
{
if (me.style.visibility=="hidden")
{
   me.style.visibility="visible";
}
else 
{   
   me.style.visibility="hidden";   
}
}
</script> 
<div onclick="toggleVisibility(this)" style="position:relative">
第一行文本将会触发"hidden"和"visible"属性，注意第二行的变化。
</div>
<div>因为visibility会保留元素的位置，所以第二行不会移动.</div>