title: Delay closing of bootstrap dropdown
body: <p>I am trying to modify the behavior of the bootstrap dropdown. First, I wanted to prevent the dropdown from closing when you click elsewhere on the page. I did that with this code:</p>
  
  <pre><code>$('#filters').on({
      "shown.bs.dropdown": function() { this.closable = false; },
      "click":             function() { this.closable = true; },
      "hide.bs.dropdown":  function() { return this.closable; }
  });
  </code></pre>
  
  <p>Now, I want to delay the closing of the dropdown, when you click a link inside it. I want to do this because the dropdown closes immediately when you click the link, before you've actually left the page and loaded the new one. </p>
  
  <p>Here is <a href="http://jsfiddle.net/7n7rhtLd/5/" rel="nofollow">a fiddle</a> of what I have so far.</p>