title: How to toggle a div such that it's movement is up-down?
body: <p>I have this hidden div,</p>
  
  <pre><code>&lt;div id="lo_p" class="hidden"&gt;
      &lt;label for="recipe_id"&gt;LO&lt;/label&gt;
      &lt;input placeholder="LO for this Recipe" class="all_curve_small cashier_inputs" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>, and I have this simple toggle function,</p>
  
  <pre><code>$('#id_for_lo').click(function(){
      $('#lo_p').toggle(1000);
  });
  </code></pre>
  
  <p>,normally I wouldn't ask this question because it can be found at <a href="http://api.jquery.com/" rel="nofollow">api.jQuery.com</a>, but it seems their site is temporarily unavailable. Anyway I want to know if how would I make my toggle effect that it will come from the top, I don't know if you get it, but I have seen toggle usage that the div seems to come from the top, mine here on the other hand  is from left to right, not from top to bottom. I'm not sure if you got this but for those who do, your help will be appreciated. Thanks.</p>