title: Prevent Bootstrap dropdown menu toggle on click
body: <p>This was asked quite a few times before, but I can't find a proper solution yet. I am toggling navbar dropdown menus <em>on hover</em> with the following code:</p>
  
  <pre><code>$(".nav .dropdown").hover(function() {
    $(this).find(".dropdown-toggle").dropdown("toggle");
  });
  </code></pre>
  
  <p>which works just fine. However, clicking on the <code>.dropdown-toggle</code> button toggles the menu as well, which I want to avoid. Any suggestions on the code?</p>