Lumoris
Lumoris

Reputation: 29

Is there a way creating a slide down bounce effect?

I want to create an div, which slides down, when the page is loaded with a bounce-effect.

$(document).ready(function(){
    $('#viewport').slideDown({duration: 1000, easing: method, complete: callback});
});

I think, I am really close to the solution or not.

Thank you in anticipation!

Upvotes: 2

Views: 7768

Answers (2)

PaulProgrammer
PaulProgrammer

Reputation: 17620

This requires JqueryUI, and then is done by choosing your easing method from any of the functions listed.

http://api.jqueryui.com/easings/

Here's a snippet from my bouncy easing:

$("#methods").slideToggle(700,"easeOutBounce");

Upvotes: 7

Related Questions