It's easier to hook the inner element to the bottom and just animate the outer one:
http://snipt.org/kgM (avoided wrapInner 'cause it doesn't preserve the original element) On May 27, 12:58 am, GaVrA <ga...@crtaci.info> wrote: > I am really tired now, so cant think this all the way through but the > idea is to animate at the same time outer div by its height and inner > by its top value so you get that effect. > > Something like this maybe: > > <a>click for slide</a> > <div> > <div> > lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum > lorem > ipsum lorem ipsum lorem ipsum lorem ipsum > </div> > </div> > <div> > lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem > ipsum lorem ipsum lorem ipsum lorem ipsum > </div> > > On May 26, 8:49 pm, "M.M." <mario.maru...@gmail.com> wrote: > > > On May 26, 8:32 pm, tain <bugi....@gmail.com> wrote: > > > > they only have different easing value..otherwise they are identical. > > > No they're not! Are we looking at the same page? > > > The effect you get when you click "Slide Out" or "Slide In" > > onhttp://docs.jquery.com/Tutorials:Live_Examples_of_jQueryisNOT the > > slide effect I want. > > > It's not even similar to scriptaculous effect in my example, because > > the text doesn't go with the slide, it just stays in place and gets > > revealed (it's normal jQuery 'slide' effect, in jQuery UI it's called > > 'blind') > > > Please, people, don't post answers like this, someone who actually > > knows the answer might think it's already answered.