$(document).ready(function(){
                                $('.message').each(function(index){
                                    var these = $(this);
                                    var msg = $(this).html();
                                if(msg.length > 250){
                                    var new_msg = msg;
                                    var msg2 = msg.substring(0, 300);
                                    $(this).html(msg2).append('......');
                                    $(this).append(" <p class='no-margin text-center x30-font-size drop'> <a href='javascript:void(0);' class='normal-link success-link continue grey'> <i class='fas fa-chevron-circle-down'></i> </a> </p>");
                                    $(this).find('.drop').css('visibility', 'hidden');
                                }else{
                                    $(this).html(msg);
                                }
                                $(document).on('mouseenter', '.ticket-box', function(){
                                        $(this).find('.drop').css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0}, 500);
                                    }).on('mouseleave', '.ticket-box', function(){
                                        $(this).find('.drop').css({opacity: 1.0, visibility: "visible"}).animate({opacity: 0.0}, 200);
                                    });
                                    $(document).on('click', '.continue', function(){
                                        $(this).closest('.message').html(new_msg).append("<p class='no-margin text-center x30-font-size'> <a class='normal-link delete-link discontinue grey'> <i class='fas fa-chevron-circle-up'></i> </a> </p>");
                                        $(this).closest('.message').append("<p class='no-margin text-center x30-font-size'> <a class='normal-link delete-link discontinue grey'> <i class='fas fa-chevron-circle-up'></i> </a> </p>");
                                    });
                                    $(document).on('click', '.discontinue', function(){
                                        $(this).closest('.message').html(msg2).append('......').append(" <p class='no-margin text-center x30-font-size drop'> <a class='normal-link success-link continue grey'> <i class='fas fa-chevron-circle-down'></i> </a> </p>");
                                        $(this).find('.drop').css('visibility', 'hidden');
                                        $(document).on('mouseenter', '.ticket-box', function(){
                                            $(this).find('.drop').css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0}, 500);
                                        }).on('mouseleave', '.ticket-box', function(){
                                            $(this).find('.drop').css({opacity: 1.0, visibility: "visible"}).animate({opacity: 0.0}, 200);
                                        });
                                    });
                                });
                            });