title: How to expand truncated text onclick by using dotdotdot?
body: <p>I am using the <code>jQuery dotdotdot</code> truncation plugin <a href="http://dotdotdot.frebsite.nl" rel="nofollow">dotdotdot.frebsite.nl</a></p>
  
  <p>I want to truncate at max 2 lines. And when a user clicks on <code>more</code>, then it must show the full text (expand/de-truncate).</p>
  
  <p>So far, I "only" manage to truncate my text. But not to "de-truncate" it.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;p class="truncate"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae tellus eu dui placerat interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;a class="read-more" href="#"&gt;more&lt;/a&gt;&lt;/p&gt;
  
  $(document).ready(function(){
  
      $('.truncate').dotdotdot({
          ellipsis     : '… ',
          watch        : true,
          wrap         : 'letter',
          height       : parseInt( $('.truncate').css('line-height'), 10) * 2, // this is the number of lines
          lastCharacter: {
              remove: [ ' ', ',', ';', '.', '!', '?' ],
              noEllipsis: []
          },
          after: "a.read-more"
      });
  
  
  });
  </code></pre>
  
  <p>Live demo <a href="http://jsfiddle.net/NSnxe/1/" rel="nofollow">jsfiddle.net/NSnxe/1</a></p>