okay this time its the right one :D

function chatbubble() {
            var animationEnd = "webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend";
            var str = "OMG I just did a thing! and now holy shit is this even longer thing!";
            var x = str.length;
            x = x * 50;

            // Put in the text the supporter wants to say
            $('#cbinntertext').html(str);
            
            // show the bubble
            $('#cb').show();
            
            // animate the bubble
            // 1. Add the bounceIn
            $('#cb').addClass('animated bounceIn').one(animationEnd, function() {
                setTimeout(function() {
                    // After a set amount of time remove the BounceIn
                    $('#cb').removeClass('bounceIn');

                    // and add the bounceOut
                    $('#cb').addClass('bounceOut').one(animationEnd, function() {

                        // once the bounceOut animation is finished
                        // hide the bubble and remove the animation classes
                        $('#cb').hide();
                        $('#cb').removeClass('animated bounceOut');
                    }); 
                }, x);
            });
        }