HTML floating sidebar/nav bar
<p>I'm using bootstrap3. Having said that, I'm open to implementing my requirement in pure javascript or Jquery or any other similar frameworks.</p>

<p>I'm looking to implement a sidebar on the left hand side of the page. The sidebar needs to be invisible. However a handle like picture to show that something can be clicked is a must. When the user clicks on this handle type image, the sideber needs to float out. The sidebar will have a bunch of options on it which the user can choose which will later act as a filter to the contents on the page. Once the work is done, if the user clicks anywhere outside of the sidebar, the sidebar needs to slide back into it's place.</p>

<p>I like the example here - <a href="http://startbootstrap.com/template-overviews/simple-sidebar/" rel="nofollow">http://startbootstrap.com/template-overviews/simple-sidebar/</a> However, it doesn't float on top of the existing content, instead, pushes out the content &amp; also doesn't have a handle type stuff I'm after, instead uses a button.</p>

<p>Could I please request some guidance here?</p>