 <p>Here's a simple hide/show sidebar script for you to get the idea:</p> <pre><code>&lt;div id="sidebar" style="height:600px; width:100px; right:-75px; position:absolute; background-color:black;"&gt; //sidebar styling &lt;/div&gt; &lt;script&gt; $('#sidebar').hover(function() { $('#sidebar').stop().animate({'right' : '0px'}, 250); }, function() { $('#sidebar').stop().animate({'right' : '-75px'}, 350); }); </code></pre> <p></p> <p>Here is a working example: <a href="http://jsfiddle.net/XTDHx/" rel="nofollow">http://jsfiddle.net/XTDHx/</a></p>