title: show/hide asp placeholder using jquery
body: <p>CSS:</p>
  
  <pre><code>.comments{cursor:pointer;}
  .hidediv{visibility:hidden;}
  </code></pre>
  
  <p>Html:    </p>
  
  <pre><code>&lt;span id="agreeComments" class="comments b"&gt;Comments&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;
      &lt;div id="divAgree" class="hidediv"&gt;
        &lt;asp:PlaceHolder runat="server" ID="plcAgreements" ClientIDMode="Inherit" /&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>jquery:</p>
  
  <pre><code>&lt;script&gt;
          $(document).ready(function () {
              $("#agreeComments").click(function () {
                  if ($("#divAgree").is(":hidden")) {
                      $("#divAgree").slideDown("slow");
                  } else {
                      $("#divAgree").slideUp("slow");
                      $("#plcAgreements").show();
                  }
              }
              );
          });
      &lt;/script&gt;
  </code></pre>
  
  <p>I am using the above code to hide and show a div using jquery. I have an asp placeholder control inside the div. I need to hide the div when loading the page and need to show or hide when the clicking the comments span. Div is getting hide but the problem is it occupies the space for the asp placeholder.  </p>