I did it using ajaxStart() and ajaxStop(), but I still want to know if I can set a callback to a custom function, for learning reasons. If you can help, thanks.
:D Here is the final code... $("#ajaxContent").ajaxStart(function(){ $(this).slideToggle("normal"); $("#ajaxLoader").toggle(); }); $("#ajaxContent").ajaxStop(function(){ $(this).slideToggle("normal", function(){ $("#ajaxLoader").toggle(); }); }); $("#searchBar > button").click(function() { $.get("ajax/list.php", function(data){ $("#ajaxContent").html(data); }); }); On Jan 8, 1:38 pm, rics <[EMAIL PROTECTED]> wrote: > Hello people, > > How can I force some code to run only when the execution of other > function finish? Look my code: > > function loading() { > $("#ajaxContent").slideToggle("normal", function() { > $("#ajaxLoader").toggle(); > }); > } > > $("#searchBar > button").click(function() { > loading(); > $.get("ajax/list.php", function(data){ > $("#ajaxContent").html(data); > loading(); > }); > }); > > In the second block of code I want the $.get to execute only when the > function loading(), that was coded by me, finish to execute. I mean, > when the #ajaxLoader is show up. > > How can I do something like that?