Comments on: Animation Jump – quick tip

By: Jmmm

Jmmm — Mon, 22 Feb 2010 14:56:21 +0000

Seems that it is still needed to fix this problem when using jQuery UI, even if version of jQuery is higher than 1.3.

I use accordion with jQuery 1.4.1 and UI 1.7.2 and the margin is not animated when the height is.

What about you ?

By: 3dealism

3dealism — Thu, 29 Oct 2009 13:16:58 +0000

Hi, I have a big problem with my jquery. I finally made it that my slidetoggle runs in firefox. The animation is a little bit jumpy in the end of the animation. I read a lot of workarounds, but somehow nothing helped me really. Perhaps anyone of you can rescue me out of this dilemma.

The other bigger problem is that the hidden divs are unfortunately shown directly on start in internet explorer. I tested it in IE6&7. And the sliding effect is also very strange.

Does anyone of you know if I have to give additional styling for IE???

Here is my site I am working on:

http://www.haus-plan.de/01Hausplan/

the red titles are slideable in the content area and the two Slide words on the right panel.

I noticed that Internet Explorer runs the first Slide word on the right panel correctly. Here its div is first hidden and only shows up when we click and let it slide down. But for the other divs they are shown in the beginning which is very sh…..

Please help meee….

By: Carlos

Carlos — Fri, 17 Jul 2009 04:51:24 +0000

I love it, is great! nice work….What kind of extension are u using? in firefox? and ur editor is textme?

By: Unibands

Unibands — Wed, 01 Jul 2009 09:42:39 +0000

You wouldn't believe how much this has helped me stay away from going insane!

Are you sure though that this problem is fixed in 1.3 and higher? I am currently using 1.3.2 and I still have this problem.

Either way, I'm glad you found a fix.

Thank you so much.

Regards, Mikey.

By: Tony Dew

Tony Dew — Mon, 04 May 2009 19:15:23 +0000

Just a note that the jsbin.com link in the update (http://jsbin.com/ewowo) goes to an expired page. No biggy, just a heads up.

By: SlideDown Animation Jump Revisited | jQuery for Designers - Tutorials and screencasts

Wed, 15 Apr 2009 15:37:43 +0000

[...] on the layout of your page, you could still see the jumping effect, regardless of whether you fix the padding around the [...]

By: web designer

web designer — Thu, 26 Mar 2009 10:43:11 +0000

Great tutorial, the flexibility of jQuery is fantastic

By: Nils Holmström

Nils Holmström — Wed, 25 Feb 2009 13:40:41 +0000

Seems there are two different "jump-bugs", one where the padding is to blame, now fixed in jQuery 1.3 (and which this video sorts out in a very good way)

The other one it that whenever you have an element without fixed dimensions, the animation stops and jumps at the end.

(my very unprofessional guess is that it is because jquery has to calculate the animation "as it goes along" without fixed dimensions as a "goal").

Unfortunatley, you can't alway set a fixed height to a element, if you want to put dynamic content in it, but in those cases, you can probably set a width, which works just as good. any dimension seems to be fine, height OR width, just as long as there is a fixed size either way!

By: John Nessim

John Nessim — Mon, 23 Feb 2009 10:39:40 +0000

Great post with a great video :)

I had the same issue but only with the min-height. Again, I put it into inner and all works just fine.

Thanks for clarifying that trick.

By: Martin Baker

Martin Baker — Thu, 12 Feb 2009 16:52:15 +0000

Vince, thanks very very much for the solution to the frustrating problem that we were having with accordion! Would never have worked it out without seeing your comment. Fixed width seems to work wonderfully.