slideToggle jumpy at end (even with padding: 0)
Hello,
So I'm working with a pretty simple list of div's. Each div has an
h2, and at least one paragraph, plus a hidden span, and a "show more"
link that slideToggle()'s the hidden span when clicked.
The problem I'm having is that the hidden span appears to jump a few
pixels near the end of the animation.
After doing some research, it appears this type of jumpiness is
typically caused because of issues with padding. However, my element
has no padding on it! But I still can't seem to get the animation to
be nice and smooth right through to the end?
This behavior is in FF and Safari (on Mac), and I'm guessing I'd
probably see it in all other browsers too.
The source in question is online at: http://tangibleinteraction.com/v3_static_mockup/
Click the "(+) Learn more" links in the left column to see what I
mean.
Hopefully someone out there has seen something like this before and
can help....
Cheers!