title: Slow dropdown menu transition CSS
body: <p>I've created a dropdown menu in a <a href="http://jsfiddle.net/Relborg/Kpxpf/11/" rel="nofollow">JS fiddle</a>. </p>
  
  <p>I want to have a slow transition of the dropdown menus. </p>
  
  <p>Right now it just pops out and it looks quite bland that way.</p>
  
  <pre><code>// Ignore this line
  </code></pre>