jquery - div显示隐藏

1.第一种  display 属性来创建不占据页面空间的不可见元素

<input type="button" value="隐藏/显示查询框" onclick="isdisplay()"/>
<div id="searchCondition" style="display:block">
function isdisplay(){
         
         var boo =  $("#searchCondition").attr("style");
         alert(boo);
         if("display:block" == boo){
             //$("#searchCondition").attr("style","display:none");
             $("#searchCondition").hide();
         }else{
             //$("#searchCondition").attr("style","display:block");
             $("#searchCondition").toggle();
         }
     }

2.第二种 visibility 元素隐藏也会占据页面上的空间

<input type="button" value="隐藏/显示查询框" onclick="isdisplay2()"/>
<div id="searchCondition2"  style="visibility:visible">
function isdisplay2(){
             var boo =  $("#searchCondition2").attr("style");
             if("visibility:visible" == boo){
                 //$("#searchCondition").attr("style","display:none");
                 $("#searchCondition2").hide();
             }else{
                 //$("#searchCondition").attr("style","display:block");
                 $("#searchCondition2").toggle();
             }
         }