GIF loading stops when I show it

Question

Look this code:

$('#loader').show();
$.post( '/action.php', function( data ) {  
// do anything with data
$('#loader').hide(); 
}  );

The loader DIV has a GIF image simulating loading state, This code works well but the GIF stops when is waiting the data (post called) ...

I want the gif moves ever independently of the other codes in execution.. I hope you understand my problem..

Answer 1

I believe you want the behavior listed in the example on the jQuery documentation website.

jQuery:ajaxStart

You can hide the image with the ajaxStop event handler.