How to provide dot dot dot to div with proper widh and provide read link to expend

See more:

HTML

jQuery

CSS3

I have div it that i have provided height with 80px and provide anchor link as Read More.

Here i have maintained 10 records perpage.
when i click on next page the dot dot dot style has destroyed and not applied style for readmore anchor list.
Could you please help me how to maintain dot dot dot.
View code

<<div class="expert-summary">>
      
      
                                        @Model.Summary data
                                        <<a href="#" class="readMoreLink">>Read More<</a>>
                                    <</div>>


Js Code

function hideLinkIfNoTruncation(isTruncated, origContent) {
            if (!isTruncated) {
                $('.readMoreLink', this).remove();
            }
            
        }

        function clicked() {
            var div = $(this).closest('.expert-summary');
            div.trigger('destroy').find('.readMoreLink').remove();
            div.height('auto');
            return false;
        }

        $(document).ready(function () {
            $(".expert-summary").dotdotdot({
                after: "a.readMoreLink",
                callback: hideLinkIfNoTruncation
            });

            $('a.readMoreLink').on('click', clicked);
        });


Not maintain styles until end of the pagination