Why is my jQuery animation not very smooth?
After the delay, it completely just JUMPS across the screen to the new spot, and it only animates the height. For some weird reason this doesn't happen when using percentages, only the pixel position. However, I need to use the pixel position. How can I fix this? Thanks!
Matt, I think you may have discovered a bug. I was able to reproduce the jumping and does indeed work when using percentages exclusively or pixel units exclusively - not a mixture of the two.
There is an open bug with jQuery here: http://bugs.jquery.com/ticket/9505
As for ways to get around this. Since your image is absolutely positioned, you can measure the position (top/left) of the image on window.load and switch it's CSS from percentage to pixels using jQuery. Then perform the animation.