title: Implement Vertical sliding div using Twitter Bootstrap
body: <p>I have a basic structure on html like:</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
  
    &lt;div class="row-fluid"&gt;
  
      &lt;div class="span2"&gt;
        &lt;!--Sidebar content--&gt;
      &lt;/div&gt;
  
      &lt;div class="span10"&gt;
        &lt;!--Body content--&gt;
      &lt;/div&gt;
  
    &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I would like to add a toggle button that will hide/show the sidebar (slide would be vertically).
  If the sidebar is hidden, I would like the content to use the entire area (which would likely be span12). If the sidebar is shown, everything will be revert back.</p>
  
  <p>My approach would be, I will be toggling the span10 and span12 class of the body content area depending on the state of the sidebar.</p>
  
  <p>Is there a better way to do it?</p>
  
  <p>thanks!</p>