Javascript More/Less button sliding animation?
<p>I only have very basic knowledge on Javascript and I want to be able to make my more/less button that displays/hides content be an animated slide instead of an instant change. Here is  the Javascript I currently have:</p>

<pre><code>function doMenu(item) {
    obj=document.getElementById(item);
    col=document.getElementById("x" + item);
    if (obj.style.display=="none") {
        obj.style.display="block";
        col.innerHTML="[-] Less";
    } else {
        obj.style.display="none";
        col.innerHTML="[+] More";
    }
}
</code></pre>

<p>Does anyone know how I can change this Javascript to slide instead?</p>

<p><strong>EDIT</strong> An example of the link I use to show/hide content</p>

<pre><code>&lt;a href="JavaScript:doMenu('main');" id=xmain&gt;[+] More&lt;/a&gt;
</code></pre>
