title: Twitter Bootstrap and Snap.js
body: <p>I'm trying to integrate jakiestfu's <a href="https://github.com/jakiestfu/Snap.js" rel="nofollow">Snap.js</a> with Twitter Bootstrap.
  I've got something that functions (I can get the content to slide, or open a drawer via a click event).  However, I'm at the limit of my CSS skills for the final problem:  The drawer content is always visible regardless of the state of the drawer.</p>
  
  <p><a href="http://jsfiddle.net/HJDwx/1/" rel="nofollow">JSFiddle example</a></p>
  
  <p>While I could hard-code the visibility of the drawer element on document load and do something on the open/close click event, that doesn't do anything for the drag capability that Snap.js has.</p>
  
  <pre><code>addEvent(document.getElementById('open-left'), 'click', function () {
  // Muck with visibility in here
  // Added code sample because StackOverflow wants it with a fiddle...
  if (snapper.state().state == "left") {
      snapper.close();
  } else {
      snapper.open('left');
  }});
  </code></pre>