This doesn't remedy the problem. It just makes the animation work very
slowly and after a long delay after it runs the initial animation
correctly.
On Oct 22, 5:51 pm, Tobias Parent <[EMAIL PROTECTED]> wrote:
> Well, this isn't the prettiest way of doing it, and it isn't formatted
> to be a plugin, but this works:
>
> $(document).ready(function() {
> $(".HP_Column1").hover( expand, contract );
> });
>
> function expand() {
> $(".HP_Column1").unbind("hover");
> $(".HP_Column1").animate({width: 525}, 1500, function() {
> $(this).hover(expand, contract); });
> };
>
> function contract() {
> $(".HP_Column1").unbind("hover");
> $(".HP_Column1").animate({width: 325}, 1500, function() {
> $(this).hover(expand, contract); });
> };
>
> The reason this works is that, when you hover, this immediately
> disconnects the hover until the animation is completed. Then, it simply
> reconnects the hover again. I haven't tested it completely (I'm on a
> very old iBook G4, my testing options are limited), but it does work on
> this machine.
>
> Regards!
> -Toby
>
>
>
> Shloime wrote:
> > Hi,
>
> > I came across a weird situation. I would appreciate if someone can
> > help me figure out a way to prevent this.
>
> > Please see my sample page athttp://www.rabbihorowitz.com/index_new2.cfm.
> > The way this is supposed to work is that when you hover over the red
> > column it animates and expands over the green column and contracts
> > back when you remove your mouse.
>
> > But I found that (in Firefox) if you put your mouse over the red
> > (which starts the animation) and then you quickly move your mouse over
> > the green area before it gets covered, the animation will go into this
> > silly loop where it will expand and contract continuously for as long
> > as you leave your mouse in the green area (in IE it will stop after a
> > few loops but in FF it goes on forever). How can I prevent this from
> > happening?
>
> > Thanks,
> > Shloime- Hide quoted text -
>
> - Show quoted text -
