Drawbacks of slides

Question

My slide game bounces a bit at the bottom of the slide transition. Maybe this is because there is a button. Any way to make it smoother. I tried to use easing, but not very successfully. Any suggestions

click on the video settings to see the site yourself

$(document).ready(function() { $('.drop').click(function() { $(this).parent().next('li.drop_down').slideToggle(); return false; }); }); 

Answer 1

Give your li.drop_down fixed width. That should clear it. I don’t remember the exact reason for this, but I just tested it on your site and it works.

The calculated width is 217px right now, so try this.

 .drop_down { width: 217px; } 

EDIT: It looks like you have .drop_down2 and .drop_down3 (maybe more). You will need to do the same for those. I would suggest assigning a common class for each.

Answer 2

Try to keep the height of each element before animating it, and then apply that height to the element again just before starting the hide animation.

Here is an article I wrote as an example of this: http://www.pewpewlaser.com/articles/jquery-smooth-animation

Answer 3

The fixed width did not work for me, but that was adding the clearfix class to the animated element, since I had some floating elements inside.