title: I want to display class mega menu on hover of products
body: <p>I want to display <code>&lt;div class="megamenu"&gt;</code> on hovering of a product link, and am unable to figure it out.</p>
  
  <pre><code>&lt;nav id="nav"&gt;
      &lt;ol class="nav-primary"&gt;
          &lt;li class="level0 nav-1 first"&gt;&lt;a href="#" class="level0"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li class="level0 nav-2"&gt;&lt;a href="#" class="level0"&gt;About&lt;/a&gt;&lt;/li&gt;
          &lt;li class="level0 nav-3" id="products"&gt;&lt;a href="#" class="level0 products"&gt;Products&lt;/a&gt;
          &lt;li class="level0 nav-4"&gt;&lt;a href="#" class="level0"&gt;Projects&lt;/a&gt;&lt;/li&gt;
          &lt;li class="level0 nav-5"&gt;&lt;a href="#" class="level0"&gt;Service&lt;/a&gt;&lt;/li&gt;
          &lt;li class="level0 nav-6 last"&gt;&lt;a href="#" class="level0"&gt;Contact Us'&lt;/a&gt;&lt;/li&gt; 
      &lt;/ol&gt;
  &lt;/nav&gt;
  &lt;div class="megamenu"&gt;This is for test&lt;/div&gt;&lt;/li&gt;
  </code></pre>