<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="hide-long-text text-justify"> Description With Product Specifications plugin you can easily create spec. tables for your products. you can create multiple tables so you can use them for different types of products. Product Specifications is very light-weight and easy to customize. Translation To contribute in translating this plugin please visit: WordPress Translation Repository Development Product specifications development takes place under its Github Repository, Contributions are more than welcome. Screenshots With Product Specifications plugin you can easily create spec. tables for your products. you can create multiple tables so you can use them for different types of products. Product Specifications is very light-weight and easy to customize. Translation To contribute in translating this plugin please visit: WordPress Translation Repository Development Product specifications development takes place under its Github Repository, Contributions are more than welcome. Screenshots With Product Specifications plugin you can easily create spec. tables for your products. you can create multiple tables so you can use them for different types of products. Product Specifications is very light-weight and easy to customize. Translation To contribute in translating this plugin please visit: WordPress Translation Repository Development Product specifications development takes place under its Github Repository, Contributions are more than welcome. Screenshots With Product Specifications plugin you can easily create spec. tables for your products. you can create multiple tables so you can use them for different types of products. Product Specifications is very light-weight and easy to customize. Translation To contribute in translating this plugin please visit: WordPress Translation Repository Development Product specifications development takes place under its Github Repository, Contributions are more than welcome. Screenshots With Product Specifications plugin you can easily create spec. tables for your products. you can create multiple tables so you can use them for different types of products. Product Specifications is very light-weight and easy to customize. Translation To contribute in translating this plugin please visit: WordPress Translation Repository Development Product specifications development takes place under its Github Repository, Contributions are more than welcome. Screenshots <div class="hide-long-text-shadow"><a id="view-long-text" href="javascript:void(0);">— Xem Thêm —</a></div> </div>

.hide-long-text { max-height: 250px; margin-bottom: 15px; overflow-y: hidden; position: relative; } .hide-long-text-shadow { position: absolute; bottom: 0; left: 0; background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0), #fff 100% ); width: 100%; height: 80px; z-index: 1; text-align: center; } .hide-long-text-shadow a#view-long-text { position: absolute; left: calc(100% / 2 - 56px); bottom: -3px; }

$(document).ready(function() { $('#view-long-text').click(function() { $('.hide-long-text').removeClass('hide-long-text'); $('.hide-long-text-shadow').remove(); }); });