2
Contributors
9
Replies
29
Views
3 Years
Discussion Span
Last Post by Siberian
0
$(".box").click(function() {
    $('#circle').animate({height: '-=900px'}, 1300,'linear'); });

You were missing the curly braces and the 'px'. The '=' isn't required.

0

<sigh> right :) Thanks !
Except the effect doesn't work :(

Clicking the blue box should bounce the redbox box.

[Link]

0

I changed the final parameter to linear, switch it back to easeOutBounce, or whatever it was before. I couldn't remeber if that was a correct animation so I went with linear while I tested it.

0

Do you have the correct plugin available? unless my knowledge is outdated the jQuery UI lib is needed to use effects byond swing and linear

0

OK, I don't why this is the case but if you remove the top:80px from your CSS it works. With the CSS top still there you can do top, left and right just not bottom.

0

It works ! Thank You.

I changed the code on my site around, if you click on the word "reachme" it should bounce in, I know the div is a little too high verically, it may bounce right of the screen, but it doesn't.

[Link]

Edited by Siberian

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.