顯示/隱藏ASP佔位符的使用jQuery

Question

CSS：

.comments{cursor:pointer;} 
.hidediv{visibility:hidden;} 

HTML：

<span id="agreeComments" class="comments b">Comments</span><br /><br /> 
    <div id="divAgree" class="hidediv"> 
     <asp:PlaceHolder runat="server" ID="plcAgreements" ClientIDMode="Inherit" /> 
    </div> 

的jQuery：

<script> 
     $(document).ready(function() { 
      $("#agreeComments").click(function() { 
       if ($("#divAgree").is(":hidden")) { 
        $("#divAgree").slideDown("slow"); 
       } else { 
        $("#divAgree").slideUp("slow"); 
        $("#plcAgreements").show(); 
       } 
      } 
      ); 
     }); 
    </script> 

我使用上面的代碼隱藏和使用顯示一個div jQuery的。我有一個在div內的asp佔位符控件。加載頁面時我需要隱藏div，並且在點擊評論時需要顯示或隱藏。 Div正在隱藏，但問題是佔用了asp佔位符的空間。

Answer 1

更改此

.hidediv{visibility:hidden;} 

到

.hidediv{display:none;} 

由於visibility:hidden;保留隱藏元素的寬度和高度，同時display:none;沒有。

檢查這個問題的更多信息What is the difference between visibility:hidden and display:none?