jquery.transitionEnd.js

var $ = require('jquery');

var transitionEvents = 'transitionend msTransitionEnd webkitTransitionEnd';
var visibilityEvents = 'visibilitychange mozvisibilitychange msvisibilitychange webkitvisibilitychange';

/**
 * Runs the given callback when the next transition on the selected element finishes.
 * Sometimes the transitionend event doesn't fire when the page is in a
 * background tab, so we also handle the page visibility events here too.
 */
$.fn.transitionEnd = function(callback) {
  var self = this;
  var doc = $(document);
  
  self.on(transitionEvents, transitionEnd);
  doc.on(visibilityEvents, transitionEnd);
  
  function transitionEnd() {    
    self.off(transitionEvents, transitionEnd);
    doc.off(visibilityEvents, transitionEnd);
    callback.call(self);
  }
  
  return this;
};