Trigger css animations via JavaScript

cssAni

function cssAni ( mode, elem ) {

    var show = function () {

        // timeout nötig für Fx => sonst kein transition-Event
        setTimeout( function () {
            elem.addClass( 'transition visible' );
        }, 100 );

    };

    var hide = function () {

        if ( SRLIB.supports( 'transition' ) ) {
            var isTransition = parseFloat( elem.css( 'transition-duration' ) );

            // timeout nötig für Fx => sonst kein transition-Event
            setTimeout( function () {
                elem.removeClass( 'visible' );
                if ( !isTransition ) {
                    elem.removeClass( 'transition' );
                }
            }, 100 );

            if ( isTransition ) {
                elem.on(
                    'webkitTransitionEnd msTransitionEnd oTransitionEnd transitionend',
                    function () {
                        elem
                            .removeAttr( 'style' )
                            .removeClass( 'transition' )
                            .off(
                                'webkitTransitionEnd msTransitionEnd oTransitionEnd transitionend'
                            );
                    }
                );
            }

        } else {
            elem.removeClass( 'transition visible' ).removeAttr( 'style' );
        }

    };

    if ( mode === 'show' ) {
        show();
    } else {
        hide();
    }

}