I've put together a couple of extensions for jQuery, but they're not original
or new in the least. Here's one:

jQuery.fn.fadeToggle = function(speed, easing, callback)
{
    return this.animate({ opacity: 'toggle' }, speed, easing, callback);
}

Anyway, this works really well, except that it 'jostles' the page elements
that are beneath the page element being toggled, which completely ruins the
user experience. I'd like to know how to keep the other page elements from
being visibly moved when I use these functions. I would guess that there is
some padding or margin being added at some point to allow for the animation,
and if there is a CSS rule I could add to give it enough space so as not to
cause the 'jostle' effect, I would appreciate if someone would share it with
me.
-- 
View this message in context: 
http://old.nabble.com/jQuery-expand-collapse-incorrectly-moving-other-page-elements-tp26633916s27240p26633916.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

Reply via email to