If a show animation is stopped part way it's width will be at a
specific pixel amount (like, 75px, for example). Thus, you'll need to
move the width (and height and opacity) to it's final state before be.
Possibly something like this might work:
$('.join_reasons').css({height: 'auto', width: 'auto', opacity: '1'});
Most of this frustration is due to the use of a hide/show animation
combined with a stop() - it seems like you'll want to pick a simpler
(fixed) animation. Possibly something like this:
$('.heres_why').mouseover(function(event) {
$('.join_reasons').css("left", (event.pageX - 235));
$('.join_reasons').stop().animate({ width: 100 });
});
$('.heres_why').mouseout(function() {
$('.join_reasons').stop().animate({ width: 0 });
});
--John
On 9/12/07, Eridius <[EMAIL PROTECTED]> wrote:
>
>
> here is my code:
>
> $('.heres_why').mouseover(function(event) {
> $('.join_reasons').css("left", (event.pageX - 235));
> $('.join_reasons').stop().show("slow");
> });
> $('.heres_why').mouseout(function() {
> $('.join_reasons').stop().hide("slow");
> });
>
> Know if i mouseover and then mouseout halfway though the animation, it does
> stop and go back like it should. But then when i mouseover the object
> again, it only goes as far as i stop it before(in the case i explained, half
> way). Is this the excepted result? I would assume it would go the whole
> way (unless i mouse out).
> --
> View this message in context:
> http://www.nabble.com/.stop%28%29-bug--tf4431667s15494.html#a12642877
> Sent from the JQuery mailing list archive at Nabble.com.
>
>
