$(function () { $('.js-animations').bind('change', function () { var animation = $(this).val(); $('.js-animating-object').animateCss(animation); }); }); //Copied from https://github.com/daneden/animate.css $.fn.extend({ animateCss: function (animationName) { var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend'; $(this).addClass('animated ' + animationName).one(animationEnd, function() { $(this).removeClass('animated ' + animationName); }); } });