Add a class then remove it on animation or transition end

gistfile1.js

// Assume .foo triggers a CSS animation, or a transition and that we wish to
// remove the .foo class when the animation completes.
// 
// Useful for declarative animation class names like .shake

// on animation end

var animationEnd = 'webkitAnimationEnd oanimationend oAnimationEnd msAnimationEnd animationend';
$('.foo')
	.addClass('bar')
	.one(animationEnd, function() {
		$(this).removeClass('bar');
	});

// on transition end
var transitionEnd = 'webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend';

$('.foo')
	.addClass('bar')
	.one(transitionEnd, function() {
		$(this).removeClass('bar');
	});