A function to apply animate.css classes dynamically

animate.js

// Use the animate.css animations

function animate(element, effect, delay, callback) {
    // Set a delay if needed
    var animation = setTimeout(function () {
        // Add the animation effect with classes
        $(element).addClass('animate ' + effect);
        // Check if the elemenr has been hidden to start with to prevent FOUC
        if ($(element).css('visibility') == 'hidden') {
            // If it has, show it (after the class has been added)
            $(element).css({
                'visibility': 'visible'
            });
        }
        if ($(element).css('display') == 'none') {
            $(element).css({
                'display': 'inherit'
            });
        }
        // Event triggered when the animation has finished
        $(element).bind('animationend webkitAnimationEnd', function () {
            // Remove the classes (so they can be triggered again if needed)
            //$(element).removeClass('animate '+effect);
            // Add a callback event
            if (typeof callback == 'function') {
                callback.call(this);
            }
        });
    }, delay);
}

This is now a plugin: https://gist.github.com/1438179