title: Make Div Expand Smoothly
body: <p>I'm using Javascript to expand a div, but when the content is expanded it's highly abrupt and at best highly unattracive. I was wondering if there was a way to make this div expand slower and more of a visual expand then a BLAM. Now I'm done.  </p>
  
  <pre><code>&lt;script language="javascript"&gt; 
  function toggle_profile() {
      var ele = document.getElementById("toggleProfile");
      var text = document.getElementById("displayProfile");
      if(ele.style.display == "block") {
              ele.style.display = "none";
          text.innerHTML = "View Profile";
      }
      else {
          ele.style.display = "block";
          text.innerHTML = "Hide Profile";
      }
  } 
                          &lt;/script&gt;
  
                        &lt;a id="displayProfile" href="javascript:toggle_profile();"&gt;View Profile&lt;/a&gt;&lt;/p&gt;
                        &lt;br /&gt;
                    &lt;div id="toggleProfile" style="display: none"&gt;
  </code></pre>