title: html + css + jquery: Toggle Show More/Less Text
body: <p>I'm working on a personal project and I'm having a small issue:</p>
  
  <p>This is my code code and currently works: <a href="http://jsfiddle.net/gvM3b/" rel="nofollow">http://jsfiddle.net/gvM3b/</a>:</p>
  
  <pre><code>$(".show-more").click(function () {
      $(this).text("(Show Less)");
  $(".text").toggleClass("show-more-height");
  });​
  </code></pre>
  
  <p>The issue is that the "(Show More)" text changes to "(Show Less)" but not switches back when needed.</p>
  
  <p>^That's one thing, an additional thing would be if you know how to add the [...] when it says show more but on the text. Been trying to figure it out but had to ask for a little of help, I'm new to jquery.</p>
  
  <p>Thanks!</p>