Read More Button for Long Testimonials or Info

 
<script>
$(document).ready(function(){
  $('.rev-row').click(function(){
        $(this).find('.rev-short').hide();
        $(this).find('.rev-full').show();
          event.preventDefault();
    });
  });
 </script>

 <div class="rev-row">
               <div class="rev-short">
               [[+content:ellipsis=`200`]][[+content:len:gt=`200`:then=`<span class="read-more-btn"> Read More</span>`]]
               </div>
               <div class="rev-full">
                   [[+content]]
               </div>

.rev-full{display:none;}
.read-more-btn{display:block;float:right;margin-right:60px;cursor:pointer;color:orange;font-size:15px;}   

Get In Touch

Have a question? or perhaps spotted a problem?
Maybe you have something you would like to add. Drop us a line anytime!