Smooth slide down animation

Question

i've build a little function but it's not a smooth animation its lagging ... I've use it for a 1600x700pixel div on page load

$(document).ready(function(){
    $('#slider').slideDown(500);
});

Is there any solution to make it smooth on page load anyway how big or small the div is?

FIDDLE DEMO

Thanks!

Check this: http://stackoverflow.com/questions/11830810/jquery-slidedown-animation-lag — Xardas, Jan 13 '14 at 11:09

score 2 · Accepted Answer · answered Jan 13 '14 at 12:38

I would suggest to try jQuery Easing plugin.

You can use it like:

$(document).ready(function(){
    $('#slider').slideDown(500, "easeOutQuart");
});

1 Answers1