title: Bootstrap menu drop down animation on click
body: <p>I have a problem with drop down animation. I found a great working code but it works on hover event. Now I need some help with tweeking the code that works on "on click" event. Here is my code <code>https://jsfiddle.net/pLrLLgoj/206/</code>.</p>
  
  <p>Code:</p>
  
  <pre><code>$(function(){
  $(".dropdown").hover(            
          function() {
              $('.dropdown-menu', this).stop( true, true ).fadeIn("fast");
              $(this).toggleClass('open');
              $('b', this).toggleClass("caret caret-up");                
          },
          function() {
              $('.dropdown-menu', this).stop( true, true ).fadeOut("fast");
              $(this).toggleClass('open');
              $('b', this).toggleClass("caret caret-up");                
          });
  });
  </code></pre>