title: How to know if animate.css animation is completed with addClass in backbone view?
body: <p>I'm using <code>animate.css</code> to put some nice effects to my backbone views.
  One of the animations that I'm using is the <code>flipOutX</code> when a list item is deleted.</p>
  
  <p>Here is my drop function:</p>
  
  <pre><code>drop: function() {
      var that = this;
      this.$el.addClass('animated flipOutX');
      setTimeout(function() {
          that.remove();
      }, 1000);
  }
  </code></pre>
  
  <p>Knowing that using <code>setTimeout</code> is a really bad idea, do you have any work around to apply this effect?
  I'm using the <code>setTimeout</code> to be sure the <code>addClass</code> effect is completed before effectively removing the view.  Here my problem is the fact that <code>addClass</code> is not asynchronous.</p>