Can anyone give me some pointers for making the show/hide animation smooth? I wanted something that could replace jQuery's show/hide with a "blind" effect. The element I'm working with is centered using margin: 0px auto; and I can't be sure of the final height. So basically I'd like to animate from visible down to height/margin/padding 0, and invisible up to height auto (margin/padding being whatever they might have been previously).
To do so I made a .GSAPHideMe_CenteredElement class that I toggle, which has properties for height / margin etc. The "hide" version of the tween should animate to those settings, then assign the class to the object and clear the settings. The "show" version pretty much just removes the class.
This all works, but it's choppy.. Is there a better way to go about it?