jquery function on toggleClass complete?

Question

How can I do a function once a toggleClass has completed? I've tried the following but with no luck: ``` $("#loader").toggleClass('fadeOut', function () { alert('a'); }); ```

Accepted Answer

jQuery has a promise method that returns a promise that resolves after all running animations on selected elements are complete. At that point, you can bind to it's done method.

```
$("#loader").toggleClass('fadeOut',600).promise().done(function(){
    console.log('a');
});
```

http://jsfiddle.net/skram/4x76J/

Note: Animations using `toggleClass` require jQuery UI.

jquery function on toggleClass complete?

Solution

Problem