it is showing white space when the gridview is hide from javascriptin asp.net 2.0

[santosh]

Dear all i want to make grid visible true and false in client side so
i am writting following code for it.

<script language="javascript" type="text/javascript">

PageLoad();

function PageLoad()
{
//
document.getElementById("grdOpenProj").style.visibility="hidden";

document.getElementById("grdClosedProj").style.visibility="hidden";

document.getElementById("grdBidding").style.visibility="hidden";

document.getElementById("grdDeclined").style.visibility="hidden";

document.getElementById("grdNotAwarded").style.visibility="hidden";

document.getElementById("grdPending").style.visibility="hidden";

}

</script>


It is hiding the grid the but showing the white space when grid is
hide. but when i make it visible true then and visible false the white
space is get removed.

following is the code for showing hided grid


function Hide(btnConrtol, divControl)
{

var vImgsrc = document.getElementById(btnConrtol).src;
var vSplitVal = vImgsrc.split("/");

if(vSplitVal[vSplitVal.length-1]=='home_icon_down.gif')
{
document.getElementById(btnConrtol).src="images/
home_icon_right.gif"

document.getElementById(divControl).style.position="absolute";//
absolute

document.getElementById(divControl).style.visibility="hidden";
}
else
{
document.getElementById(btnConrtol).src="images/
home_icon_down.gif"

document.getElementById(divControl).style.position="relative";//
relative

document.getElementById(divControl).style.visibility="visible";

}
return false;
}