title: jQuery text truncation (read more style)
body: <p>My question is very similar to "<a href="https://stackoverflow.com/questions/2104653/trim-text-to-340-chars">Trim text to 340 chars</a>" but in <strong>jQuery</strong>. It sounded very straight forward but when I searched around I couldn't find any reference for it.</p>
  
  <p>Ok, I have a div <code>$('#content')</code> I want to trim the text to 'x' amount of characters lets say '600' <strong>BUT</strong> I don't want it to break the word it self! Like NOT '<strong><em>The Ques...</em></strong>' BUT '<strong><em>The Questions...</em></strong>'. </p>
  
  <p><strong>What happens to the rest of the text?</strong> Well, I hide it and will show it on request! But wait, it should first remove the '<strong><em>...</em></strong>' and show the text right after where it hid.</p>
  
  <p>Here is the sample structure for $('#content'):</p>
  
  <pre><code>&lt;div id="content"&gt;
      &lt;p&gt;Once upon a midnight dreary, while I pondered weak and weary,Over many a quaint and curious volume of forgotten lore.&lt;/p&gt;
      &lt;p&gt;Writing example text is very boring.&lt;/p&gt;
      &lt;p&gt;Specially when you are dumb enough not to copy and paste. Oh!&lt;/p&gt;
      &lt;p&gt;Once it sheltered the rogues and rapscallions of the British Empire; now Kangaroo Island is ready and waiting for some derring-do of your own. Venture into the rugged wilds of the island, traversing untamed bushland and pristine beaches seeking out seal, penguin and sea lion colonies. Meet the land loving locals - koalas, goannas, echidnas and the island's own species of kangaroo. &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>How it should load:</strong></p>
  
  <blockquote>
    <p>Once upon a midnight dreary, while I
    pondered weak and weary,Over many a
    quaint and curious volume of forgotten
    lore. </p>
    
    <p>Writing example text is... [Read
    More]</p>
  </blockquote>
  
  <p><strong>After click on 'Read More':</strong></p>
  
  <blockquote>
    <p>Once upon a midnight dreary, while I
    pondered weak and weary,Over many a
    quaint and curious volume of forgotten
    lore.</p>
    
    <p>Writing example text is very boring.</p>
    
    <p>Specially when you are dumb enough not
    to copy and paste. Oh!</p>
    
    <p>Once it sheltered the rogues and
    rapscallions of the British Empire;
    now Kangaroo Island is ready and
    waiting for some derring-do of your
    own. Venture into the rugged wilds of
    the island, traversing untamed
    bushland and pristine beaches seeking
    out seal, penguin and sea lion
    colonies. Meet the land loving locals
    - koalas, goannas, echidnas and the island's own species of kangaroo.</p>
  </blockquote>
  
  <hr>
  
  <p><strong>UPDATE:</strong>
  I have found these two plug-ins that do basically same job as this best answer. However the best answer has some functionalities that those plug-ins don't have and vice versa!</p>
  
  <ul>
  <li><a href="http://blog.jeremymartin.name/2008/02/jtruncate-text-truncation-for-jquery.html" rel="nofollow noreferrer">jTruncate</a> </li>
  <li><a href="http://www.reindel.com/truncate/" rel="nofollow noreferrer">Truncate</a></li>
  </ul>