title: jQuery toggle slide element but not completely hide element
body: <p>The following example is probably the easiest way to try and explain the effect I'm trying to achieve:</p>
  
  <p><a href="http://jsfiddle.net/qSscJ/2/" rel="nofollow">http://jsfiddle.net/qSscJ/2/</a></p>
  
  <p>Code:</p>
  
  <pre><code>$(function() {
      $('#handle').click(function() {
          $('#box').toggle('slide', { direction: 'right' });
      });
  });
  </code></pre>
  
  <p>Click on the blue handle to make the entire red box collapse.  How do I keep the blue handle visible after the box is collapsed (while keeping the handle anchored to the edge of the box)?  I'm open to other jQuery UI APIs to achieve this effect.</p>