Awesome

TransitionEnd

TransitionEnd is an agnostic and cross-browser library to work with event transitionend.

Browser Support

<img src="./images/chrome.png" width="42" alt="Chrome">	<img src="./images/firefox.png" width="42" alt="Firefox">	<img src="./images/ie.png" width="42" alt="Internet Explorer">	<img src="./images/opera.png" width="42" alt="Opera">	<img src="./images/safari.png" width="42">
1.0+ ✔	4.0+ ✔	10+ ✔	10.5 ✔	3.2+ ✔

Installation

To install Selecting, execute:

  npm install transitionEnd

Or Bower too:

  bower install transitionEnd

Or simply pick up the file from src directory.

Methods

transitionEnd(element).<code>bind(callback)</code>
transitionEnd(element).<code>unbind()</code>
transitionEnd(element).<code>whichTransitionEnd()</code>

How does it work?

var box = $("#box"); // or document.getElementById("box")
var foo = $("#foo");

transitionEnd(box).bind(function(){
	foo.addClass("on");
	transitionEnd(box).unbind();
});

var transition = transitionEnd(box).whichTransitionEnd(); // return for example "webkitTransitionEnd"