animate div up and down <p>I am just making a panel, ( div ) that has cookie, and can be opened or closed. I would like though to animate the div open or closed on click.</p> <p>The code I have so far is:</p> <pre><code>var state; window.onload=function() { obj=document.getElementById('closeable'); state=(state==null)?'hide':state; obj.className=state; document.getElementById('setup').onclick=function() { obj.className=(obj.className=='show')?'hide':'show'; state=obj.className; setCookie(); return false; } } function setCookie() { exp=new Date(); plusMonth=exp.getTime()+(31*24*60*60*1000); exp.setTime(plusMonth); document.cookie='State='+state+';expires='+exp.toGMTString(); } function readCookie() { if(document.cookie) { state=document.cookie.split('State=')[1]; } } readCookie(); </code></pre> <p>Any help appreciated</p>