Home

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

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"