jQuery function bounces element - not very smooth
<p>I am using the following jQuery plugin on my website. ( <a href="http://jqueryfordesigners.com/demo/plugin-slide-demo.html" rel="nofollow">http://jqueryfordesigners.com/demo/plugin-slide-demo.html</a> ). Now if you closely examine the demo slider, you will see a slight bump/bounce at the bottom every time a header element opens. Now I have the same problem on my website except the bounce is much worse. </p>

<p>How can I minimize/eliminate that effect? the initialization code is:</p>

<pre><code>$(function () {
    $('UL.drawers').accordion({
        // the drawer handle
        header: 'H2.drawer-handle',

        // our selected class
        selectedClass: 'open',

        // match the Apple slide out effect
        event: 'mouseover'
    });
});
</code></pre>

<p>Also how can I change the above code so that the 'drawer' <strong>closes</strong> when I do not hover over any header element(tab). </p>

<p>Thank You</p>
