title: Twitter Bootstrap - slide a Span left/right
body: <p>I'm using twitter bootstrap spans to form two columns in a grid layout. I want to enable the user to close the left-most span so the right span fills the viewport. I've done this by hiding the left panel and changing the width of the right panel and that works fine. However I'd prefer to have the left panel slide closed and the right panel width change to fill the remaining space. The best I've come up with so far is:</p>
  
  <pre><code>if ( show )
      $('.content-panel').css( { width: '76.6%' } );
  
  $('.left-panel').animate( {width: 'toggle'}, function(){
      if ( !show )
          $('.content-panel').css( { width: '100%' } );
  });
  </code></pre>
  
  <p>where .content panel is the right hand column. This sort of works but looks pretty clunky. It really needs both spans to resize together. Any suggestions most welcome.</p>