title: fold div on click
body: <p>I want to fold down the div onclick event and on another click want to fold up the div</p>
  
  <p>my jquery is following</p>
  
  <pre><code>$(".fold_reply").click(function() {
  
      if ($('.reply').css('display', 'none')) {
          $(".reply").show("fold", {}, 500);
      }
      else {
          $(".reply").hide("fold", {}, 500);
      }
  
  });​
  </code></pre>
  
  <p>and the div I want to fold is having display:none at the initial point </p>
  
  <p>In My reply tag
  &lt; div class="reply" style="display:none; " > at the initial reply is not shown</p>
  
  <p>so when I click then div is fold down but on other div it is not fold up<br>
  Please help me</p>