title: Pull out div from right of screen
body: <p>Pull out a div from the left?  Easy as pie.  Pull it out from the right?  Not so much.</p>
  
  <p>I am looking for a div to be hidden offscreen but connected to a small tag on screen.  When the user clicks the tag, out slides the whole div.  This is pretty basic from the left using jQuery and CSS.  From the right though, a user can just scroll over to see the "hidden" div!</p>
  
  <p>Here is what I want (<a href="http://jsfiddle.net/yHPTv" rel="nofollow">http://jsfiddle.net/yHPTv/</a>) except instead of the div being <strong>partially</strong> hidden offscreen-left, I want it partially hidden offscreen-right.</p>
  
  <p>Here is what I've tried so far (<a href="http://jsfiddle.net/LU8En/" rel="nofollow">http://jsfiddle.net/LU8En/</a>), and obviously it doesn't work since one can just scroll to the right.</p>
  
  <p>The problem with using animate (or slide or toggle drop) is that I don't want the whole div to just disappear/appear, I want that little bit to be present.</p>