Comments on: .animate()

By: Bob

Bob — Sat, 29 Jan 2011 23:35:38 +0000

btw, this is what i'm using:

$(this).find(“span”).animate({opacity: 0, top: “-320″}, {queue:false, duration:250, complete: function(){
$(this).attr({“style”: 'display:none'});

By: Bob

Bob — Sat, 29 Jan 2011 23:13:43 +0000

how do you delay the beginning of the mouseover/mouseout….i have a lot of animated pop ups/tool tips and i want about a quarter second delay so that the animations don't begin immediately….that way, whipping your mouse over the buttons don't start the animation, but stopping and hovering will…..also, i would like the delay the mouseout so that the tool tips don't immediately disappear if the user 'accidentally' rolls out for a fraction of a second….

By: Jaseinatl

Jaseinatl — Sat, 29 Jan 2011 04:24:44 +0000

How can you tell if an element is animating? And can you tell the final state of the animation?
If I set a button to fade an image on click and it has a long duration, if the user clicks the button again, would it reset the duration and apply the new animation? Or would it queue the new animation? And what happens if you animate an element to it's current state (no change)?

By: Libin4646

Libin4646 — Wed, 26 Jan 2011 22:19:13 +0000

very nice. i sure i can make a wonderful application using this info.

By: Scott Pilgrim

Scott Pilgrim — Tue, 25 Jan 2011 07:37:30 +0000

how about a setTimeout based on animation duration?

By: Andi

Andi — Tue, 25 Jan 2011 01:10:28 +0000

Is there a way to expand the menu to the left side?
My menu is on the right side of the homepage and submenu should slide to the left side.
Please help!!

By: Cole

Cole — Sun, 23 Jan 2011 02:53:50 +0000

you can the jquery hover method to animate all images except the one being hovered

By: Will K

Will K — Fri, 21 Jan 2011 21:35:31 +0000

Is there a way to add a callback based on the % complete? And if so, is there a way for the "%" it to not match the animated easing?

As an example, I want to move a box from the left to the right, and I want either callbacks (or custom triggers) at 25%, 50% and 75% based on the distance.

I could always poll it, but a callback would be much cleaner.

By: Mauloa 23

Mauloa 23 — Thu, 20 Jan 2011 18:42:56 +0000

I have a handful of image thumbnails that will open to separate pages when clicked.
My question is on the hover/animate state. When I roll over 1 image, I want the remaining images to fade to 50% black. I don't care if the image fades into an existing bg color or if an overlying div goes from 0 to 50% opacity.
I just need some direction on how to pull this off. Any tips are appreciated!

By: Johan

Johan — Thu, 20 Jan 2011 18:28:44 +0000

I think Simonauftour is meaning that the speed (time per pixel) is fixed instead of the total duration.

I've got the same problem since I want several elements with different heigts have the same animation speed. So a 10px div should open as fast as the first 10px of a 100px div, instead of a very slow 10px and a very fast 100px (since the duration is the same).