title: Looking for "show more" "hide" javascript/jquery
body: <p>I have been searching all day on google for this, basically I have a field that can have anywhere from 50 to 500 characters, so I am looking for a script that allows me to display 200 at a time(as example) with a read more link to expand the rest of the content, so far the closest I have found is this(see code below) but that requires manually separating the content up which is not really possible..</p>
  
  <pre><code> &lt;p&gt;...This is all visible content... 
  &lt;a href="#" id="example-show" class="showLink" 
  onclick="showHide('example');return false;"&gt;See more.&lt;/a&gt;
  &lt;/p&gt;
   &lt;div id="example" class="more"&gt;
      &lt;p&gt;...This content is hidden by default...&lt;/p&gt;
  &lt;p&gt;&lt;a href="#" id="example-hide" class="hideLink" 
  onclick="showHide('example');return false;"&gt;Hide this content.&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p>Where I need something like..</p>
  
  <pre><code>&lt;div class="hidden"&gt;&lt;?php $rows['content']; ?&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Even if there was a non script PHP way to do this I would be happy.
  </p>