title: jQuery - Sliding Text Panels Effect
body: <p>I have the following code in HTML/CSS: <a href="http://jsfiddle.net/XmRNh/" rel="nofollow">http://jsfiddle.net/XmRNh/</a></p>
  
  <p>As you can see, there is an "About" container, with three "Slides" inside. 
  The 1st slide is always open.  The initial state of the 2nd and 3rd slide is that they are hidden off-screen.</p>
  
  <p>I would like to use jQuery to "slide" the second and third slide into place when the appropriate button is clicked, and then slide it off screen when the appropriate close button is clicked.</p>
  
  <p>I can see in the jQuery documentation how to slideUp and slideDown, but not how to slide left or slide right.   Can anyone help me accomplish this?</p>
  
  <p>Thanks
  Zach</p>
  
  <p>EDIT: Is it possible to have the first slide off-screen/hidden when the page loads, and have it slide in from the left as soon as the page loads?</p>