title: Dropdown menu jquery
body: <p>Well, I know I already asked something similar, but I'm desperate, I need to make this dropdown menu work. This is my code.</p>
  
  <pre><code>&lt;div class="nav-menu"&gt;
      &lt;ul class="menu-items"&gt;
          &lt;li&gt;&lt;a href="#" class="nav-home"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#" class="nav-about"About&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div id="dropdown-home" class="dropdown-menu"&gt;
          &lt;ul class="dropdown-items"&gt;
              &lt;li&gt;&lt;a href="#"&gt;Something&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Something else&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div id="dropdown-about" class="dropdown-menu"&gt;
          &lt;ul class="dropdown-items"&gt;
              &lt;li&gt;&lt;a href="#"&gt;Something&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Something else&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I want to do is that when I hover the cursor over the element with the class "nav-home", the element with the id "dropdown-home" is displayed with some effect. I tried it using jquery, but I'm just learning and I don't know how to do it. Can someone help me?</p>
  
  <p>Thank's.</p>