Comments on: Quick Tip: Prevent Animation Queue Buildup

By: Fancy Thumbnail Hover Effect w/ jQuery « Developpement Informatique

Fancy Thumbnail Hover Effect w/ jQuery « Developpement Informatique — Mon, 08 Mar 2010 06:03:43 +0000

[...] – To learn more about Animation Queue Buildup, read “Quick Tip: Prevent Animation Queue Buildup” at [...]

By: 100 Popular jQuery Examples, Plugins and Tutorials

100 Popular jQuery Examples, Plugins and Tutorials — Sat, 06 Mar 2010 23:34:58 +0000

[...] jQUERY TIPS 69. Prevent Animation Queue Build-up – Through jQuery, this natural queuing of animations is easy to code and user can move on to [...]

By: Cory Schires

Cory Schires — Fri, 12 Feb 2010 17:07:27 +0000

If you need to clear the queue while using fadeIn or fadeOut (rather than the more generic animate function) you'll need to explicitly set both .stop() parameters to true. For example:

 
    $('#e_newsletters').hover(function() {
        $('#flyout_btn').stop(true, true).fadeIn();
    }, function() {
        $('#flyout_btn').stop(true, true).fadeOut();
    });

By: Gercek

Gercek — Wed, 20 Jan 2010 18:16:25 +0000

this article is too old! you don't need another plugin to stop the queue... just use queue:false in animate function... sample code:


   $('#social li').hover(
      function () {
      	$(this).addClass('visible').animate({ width: "85px"}, {queue:false, duration:300} ); 
      }, 
      function () {
       $(this).removeClass('visible').animate({ width: "21px"}, {queue:false, duration:300 } ); 
      }
    );

However, I still couldn't find a way to stop the queue for fadeIn/fadeOut type of events...

By: Daryl

Daryl — Wed, 06 Jan 2010 18:08:09 +0000

Thanks so much! This fixed a frustrating problem I was having. I have status messages shown in divs at the top of my page, which are hidden automatically after a certain time period. They also have a button close them prematurely. I was using a dummy animation to show them for a certain amount of time and then I was fading out and removing the divs. The problem was that if I clicked the close button, nothing would happen because it was put in the queue after the dummy animation. Adding stop before the fadeout on the close button click fixed it.
Thanks!

By: SMiGL

SMiGL — Thu, 24 Dec 2009 10:59:48 +0000

Helpful article. Thanks!

By: Sam

Sam — Thu, 17 Dec 2009 02:58:54 +0000

This was exactly what I was looking for. Thanks a bunch.

By: jQuery Quick Tip: Prevent Animation Queue Buildup | jQuery Wisdom

jQuery Quick Tip: Prevent Animation Queue Buildup | jQuery Wisdom — Sat, 12 Dec 2009 11:35:46 +0000

[...] animation queue just gets in the way. Learn to prevent Animation queue in jQuery with this article. Web Site Share and [...]

By: cyianite

cyianite — Thu, 03 Dec 2009 11:19:21 +0000

great job, I’ve been saved :)

By: winmonaye

winmonaye — Tue, 17 Nov 2009 19:36:30 +0000

This solved my opacity show hide animation issue.