title: Text in div limited characters, add "Read more" link and show all characters when link is clicked
body: <p>I've a div with text inside that is displayed using PHP &amp; MySQL, the structure is like this:</p>
  
  <pre><code>&lt;div class="description"&gt;
      &lt;p&gt;
      Here is a lot of text.
      &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to display a "Read more" link when the text inside the p-tag is more than 100 characters. I can display the "Read more" link with PHP like this:</p>
  
  <pre><code>// strip tags to avoid breaking any html
  $string = strip_tags($string);
  
  if (strlen($string) &gt; 100) {
  
      // truncate string
      $stringCut = substr($string, 0, 100);
  
      // make sure it ends in a word so assassinate doesn't become ass...
      $string = substr($stringCut, 0, strrpos($stringCut, ' ')).'... &lt;a href="/this/story"&gt;Read More&lt;/a&gt;'; 
  }
  echo $string;
  </code></pre>
  
  <p>The problem is that when the link is clicked I want to show all of the text in the same DIV. Is this possible with PHP or do I need jQuery or something?</p>