Restart jquery.fadeOut () until it disappears

Question

I would like to reload jQuery fadeOut () while it is in the middle of fading.

I have the following statement

$('#status').html('<div style="padding:5px; margin:0 0 0 200px;"><img src="/images/done.png" /> ' + message + '</div>').show().fadeOut(2000); 

When the user performs an action, this statement starts. within 2 seconds, when it works, the user can perform another action that triggers this statement.

Currently, fadeOut must complete before the fadeOut animation plays again.

Is there a way to make fadeOut restart again from the start?

Answer 1

Use .stop() before calling .fadeOut() .

Use .stop(true, true) if you wish, if you want it to start with the target values.

Answer 2

You can call stop before calling fadeOut. This will start the fadeOut animation. Otherwise, the second fadeOut will be queued after the first.

Answer 3

How did you cancel jQuery fadeOut () after it started?

In short, call the method . stop () .

Answer 4

Use

 jQuery.stop().fadeOut() 

to prevent the fadeOut animation sequence.

 .stop() can be used to prevent queueing any jQuery Animation 

http://api.jquery.com/stop/

Answer 5

This is strange, but in my case the best way was

 //onclick .stop(true, true).fadeIn().stop(true, true); //reset: stop old fadeOut and make visible again .fadeOut(); //again