We swap the value out to get the value, but don't unset the value - and
that's only for height and width.
What you're talking about can be done like this:
var height = $(this).height();
$(this).hide().css({height: 5})
.animate({width: "show"})
.animate({height: height});
That looks pretty simple to me!
--John
On Sat, Mar 21, 2009 at 6:18 PM, Daniel Friesen
<[email protected]>wrote:
>
> I believe jQuery does it using swap and unsetting the value, right?
>
> ~Daniel Friesen (Dantman, Nadir-Seen-Fire) [http://nadir-seen-fire.com]
> -Nadir-Point & Wiki-Tools (http://nadir-point.com) (http://wiki-tools.com)
> -MonkeyScript (http://monkeyscript.org)
> -Animepedia (http://anime.wikia.com)
> -Narutopedia (http://naruto.wikia.com)
> -Soul Eater Wiki (http://souleater.wikia.com)
>
> John Resig wrote:
> > And how is the natural height determined if you've already explicitly
> > overwritten it with another value?
> >
> > --John
> >
> >
> > On Fri, Mar 20, 2009 at 9:11 PM, Daniel Friesen
> > <[email protected]>wrote:
> >
> >
> >> At work I tried to animate something to grow horizontally then grow
> >> vertically.
> >>
> >> .hide().css({height: 5}) // Use a small initial height so the growing
> can
> >> be seen
> >> .animate({width: "show"})
> >> .animate({height: "show"});
> >>
> >>
> >> The second half of the animation of course does not work because show
> >> only animates a non-shown value to it's natural state.
> >>
> >> I do not believe there is a proper way (besides doing ugly manual
> >> calculations and basically duplicating some jQuery internal tricks
> >> outside of jQuery) to smootly animate something to it's natural state.
> >> Perhaps we could use something like a new "natural" option.
> >>
> >> .hide().css({height: 5}) // Use a small initial height so the growing
> can
> >> be seen
> >> .animate({width: "natural"})
> >> .animate({height: "natural"});
> >>
> >> --
> >> ~Daniel Friesen (Dantman, Nadir-Seen-Fire)
> >>
> >>
> >>
> >
> > >
> >
> >
>
> >
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery Development" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-dev?hl=en
-~----------~----~----~----~------~----~------~--~---
