title: CSS transition effect on MegaMenu
body: <p>I need to slow down opening of dropdown menus, I tried several different transition effects but none of them gave proper solution, my idea was to add transition effect in this segment:</p>
  
  <pre><code>/* Showing Drop Down on Mouse Hover */
  
  
  .megamenu li:hover &gt; div {
      display: block;
  }
  </code></pre>
  
  <p>any help would be great, you can check menu on this link:</p>
  
  <p><a href="http://jsfiddle.net/zrinja/y4shqtsh/" rel="nofollow">Live demo</a></p>