jQuery: The Write Less, Do More JavaScript Library

slideToggle jumpy at end (even with padding: 0)

by plong0 :: Rate this Message:

| View in Thread


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!

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "jQuery Development" group.
To post to this group, send email to jquery-dev@...
To unsubscribe from this group, send email to jquery-dev+unsubscribe@...
For more options, visit this group at http://groups.google.com/group/jquery-dev?hl=en
-~----------~----~----~----~------~----~------~--~---

 « Return to Thread: slideToggle jumpy at end (even with padding: 0)