<div id="id_1" class="clamp clamp-6">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Ut suscipit libero metus, ac suscipit est iaculis
sit amet.Suspendisse potenti. Ut ut auctor nisi, ut varius ligula.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia Curae; Proin quis imperdiet velit. Etiam tincidunt
ut tortor ut pellentesque. Cras laoreet convallis arcu,
vel mollis sem pharetra ut. Nam leo lorem, vestibulum id velit
ac, pulvinar pretium libero. Praesent facilisis lectus at
nunc ultricies dictum. Fusce iaculis nibh ut massa facilisis,
sed rutrum metus elementum. Nulla eget tellus at leo
consectetur ultricies non eget purus. Integer ut finibus
neque. Vestibulum pretium tortor in leo porta finibus.
Pellentesque rutrum nisl at risus egestas finibus.
</p>
</div>

.clamp {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 overflow: hidden;
 }

 .unclamp { -webkit-line-clamp: initial !important; }
 .clamp-3 { -webkit-line-clamp: 3; }

define(["jquery", "domReady!"], function($){

$('.clamp').each(function() {
   var showAll = $('<a href="#" >Show All</a>');
   $(this).after(showAll);

   showAll("click", function (){
       $(this).prev().addClass("unclamp");

   });
});