Make Div Expand Smoothly
<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>
