Implement Vertical sliding div using Twitter Bootstrap

I have a basic structure on html like:

<div class="container-fluid"><div class="row-fluid"><div class="span2"><!--Sidebar content--></div><div class="span10"><!--Body content--></div></div></div>

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.

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.

Is there a better way to do it?

thanks!