title: jQuery Sliding Content DIV - slide from right not from top
body: <p>I've been asked to create a plugin similar to <a href="http://web-kreation.com/demos/Sliding_login_panel_jquery/#" rel="nofollow noreferrer">this one</a> for a project at work except instead of sliding from the top it should slide in from the right of the page.  </p>
  
  <p>I've put a JSFiddle together of my code for something sliding down from the top which is <a href="http://jsfiddle.net/xtMCh/2/" rel="nofollow noreferrer">here</a>.</p>
  
  <p>My approach to get the desired effect was to change the style for the divs from <code>{top:0}</code> to <code>{right:0}</code> and then I swapped all my height and width styles.  I then changed the <code>slideToggle()</code> call to be an <code>animate({width: 'toggle'})</code> call.  However, as you can see from the next JSFiddle, it really hasn't worked!.  <a href="http://jsfiddle.net/vVSJz/6/" rel="nofollow noreferrer">Here's a JSFiddle of my attempt</a>.</p>
  
  <p>Any idea where I'm going wrong?</p>
  
  <p>I found a great example from an old colleague of mine (<a href="https://stackoverflow.com/users/75525/sohnee">@sohnee</a> on here...) which slides in from the right and I tried copying the relevant styles from his plugin but it didn't make a difference.  As an example, his plugin can be <a href="http://www.stevefenton.co.uk/cmsfiles/assets/File/sidecontent.html" rel="nofollow noreferrer">found here</a>.</p>
  
  <p>Cheers,</p>
  
  <p>James</p>