Transition (craft.js mixin)

gistfile1.js

DOM.prototype.transition = function(transition, persistent){
  var element = this,
      hash = new Hash,
      prop = "TransitionEvent" in window ? 0 : // FF >= 16
             "WebKitTransitionEvent" in window ? 1 : // webkit
             +opera.version() > 10.49 ? 2 : // Opera
             "mozTransitionEvent" in window ? 3 : // FF <= 15
             "msTransitionEvent" in window ? 4 : // IE
             -1, // nope
      
      event = Craft.toArray("transitionend webkitTransitionEnd oTransitionEnd mozTransitionEnd msTransitionEnd")[prop], // defines the matching event name
      handler, // placeholder
      emptyProperties; // placeholder
      
  Craft.toArray("-webkit- -moz- -o- ").forEach(function(item){ hash.set((item + "transition").camelize(), transition) })
  
  element.css(hash);
  
  if(persistent == true || prop == -1) return;
  
  element.listen(event, (handler = function(){
    emptyProperties = hash.clone(); 
    emptyProperties.forEach(function(item, index){ emptyProperties[index] = "" });
    element.css(emptyProperties);
    element.stopListening(event, handler)
  }));
}