JS控制DIV的显示与隐藏？

javascript控制页面控件隐藏显示的两种方法

javascript控制页面控件隐藏显示的两种方法，方法的不同之处在于控件隐藏后是否还在页面上占位
方法一：
document.all["PanelSMS"].style.visibility="hidden";
document.all["PanelSMS"].style.visibility="visible";
方法二：
document.all["PanelSMS"].style.display="none";
document.all["PanelSMS"].style.display="inline";
方法一隐藏后 页面的位置还被控件占用 只是不显示 类似于.net验证控件的Display=Static
方法二隐藏后 页面的位置不被占用 类似于.net验证控件的Display=Dynamic

js代码如下，新建一个txt文件，复制进去，保存并修改文件后缀为js（例open.js）即可。程序代码：
function showhidediv(id){
try{
var sbtitle=document.getElementById(id);
if(sbtitle){
if(sbtitle.style.display=='block'){
sbtitle.style.display='none';
}else{
sbtitle.style.display='block';
}
}
}catch(e){}
}

function showleft(){
var leftHeight=parseInt(document.getElementById("left").style.clientHeight);
if(leftHeight>200) {
document.getElementById("right").style.display="block";
} else {
document.getElementById("right").style.display="none";
}
}

function show()
{
var leftHeight=document.getElementById("left").style.clientHeight ;
if(leftHeight>200)
{
document.getElementById("right").style.display="block";
}
else
{
document.getElementById("right").style.display="none";

}

}