показать/скрыть жерех заполнителем с помощью 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. У меня есть контроль за заполнителем asp внутри div. Мне нужно скрыть div при загрузке страницы и показать или скрыть, когда щелчок по пробелу комментариев. Div становится спрятанным, но проблема в том, что он занимает пространство для asp placeholder.

Answer 1

Изменить этот

.hidediv{visibility:hidden;} 

в

.hidediv{display:none;} 

Поскольку visibility:hidden; сохраняет ширину и высоту скрытых элементов, а display:none; нет.

Проверить этот вопрос для получения дополнительной информации What is the difference between visibility:hidden and display:none?