title: How to make a Div's height change slower
body: <p>I want to make a Div appear by scrolling down on a button click slowly from the top of the page. But when I do it with what I have now, it just appears very fast and does not really slide down. What am I doing wrong?</p>
  <pre><code>function showstuff(inquiryForm){
     document.getElementById(inquiryForm).style.visibility=&quot;visible&quot;;
      for (var i=0;i&lt;300;i++)
      {
          document.getElementById(inquiryForm).style.height= i + &quot;px&quot;;
      }
  }
  </code></pre>