jquery.trend

Fail-safe TransitionEnd event for jQuery.

Adds a new trend event that can be used in browsers that don't support transitionend.

It works by parsing an element's transitionDuration and transitionDelay properties and using setTimeout as a fallback. Because of this, Trend can only be used with jQuery.one.

Usage

.some-element {
  opacity: 0;
  transition: opacity 1s ease 200ms;
}

.some-element.active {
  opacity: 1;
}

var el = $(".some-element");

el.addClass("active");

el.one("trend", function(e){
  // Called approx 1200ms later
});