title: Add full height button to right side of div
body: <p>I am using <a href="http://startbootstrap.com/template-overviews/simple-sidebar/" rel="nofollow">this</a> link to have a side bar that I can hide or display.  How can I add a bar to the right side of the div, that I can click to trigger the hide/show?  </p>
  
  <p>So far I found I can do a <code>border-right: 5px solid black</code> in css to make a basic one.. But I actually have no clue how to make it clickable.. I'm sure there might be a name for what I want to add, but I have no clue what it is.</p>
  
  <p>Any help would be appreciated.</p>
  
  <p>EDIT:</p>
  
  <p>Got it working with that jsfiddle.  But then I messed with it to try and move it to the main content div so on hover it can expand out to the right, and also not hide after hiding side panel(which could be fixed with the css for the panel toggle)  <a href="http://jsfiddle.net/y7L2qvy6/20/" rel="nofollow">Here</a> is my modified jsfiddle, but I can't seem to click it for some reason.</p>