Open the "showthread" template and paste the following above </body>
HTML Code:
<script>window.jQuery||document.write(unescape("%3Cscript src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js' type='text/javascript'%3E%3C/script%3E"));</script>
<script>
$(function(){
  $(".quote_container").each(function(index){
     if($(this).height() > 250){
        $(this).css({
           'height': '250px',
           'overflow': 'hidden'
        });

        $(this).parent().append('<div class="quote_expander"><a href="">Expand</a></div>');
     }
  });

  $(".quote_expander").click(function(){
     $(this).parent().find('.quote_container').css({'height': 'initial', 'overflow': 'initial'});
     $(this).remove();
     return false;
  });
});
</script>
Now open the additional.css template under "CSS Templates" and add the following:
HTML Code:
.quote_expander{
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
 font-size: 11px;
 text-align: center;
 color: rgb(63, 63, 63);
 cursor: pointer;
 padding-top: 65px;
 background: -webkit-linear-gradient(top, rgba(45, 45, 45, 0) 0%, #C2CAD2 80%);
 background: -moz-linear-gradient(top, rgba(45, 45, 45, 0) 0%, #C2CAD2 80%);
 background: -o-linear-gradient(top, rgba(45, 45, 45, 0) 0%, #C2CAD2 80%);
 background: linear-gradient(to bottom, rgba(45, 45, 45, 0) 0%, #C2CAD2 80%);
 width: 100%;
 position: absolute;
 bottom: 0;
}
[hide]