title: Add simple slide down animation to "read more" text reveal
body: <p>I have this nifty snippet of code that adds a "read more" &amp; "read less" to the end of my text, Allowing the visible text to expand and contract.</p>
  
  <p>I was trying to add an animation to this.. So it slides down and up instead of just being an instant change..</p>
  
  <p>I tried adding <code>.slidDown</code> and <code>.slideUp</code> in multiple sections. But it either didnt work or hid the entire content.</p>
  
  <p>I also attempted to add <code>transition: all 0.5s ease;</code> for the content wrapper but that also didnt create a transition. </p>
  
  <p>Any help is much appreciated!</p>
  
  <p><strong><a href="http://jsfiddle.net/SZLgs/22/" rel="nofollow noreferrer">WORKING JS FIDDLE</a></strong></p>