title: Slide from left menu
body: <p>I'm trying to make menu which slides in a submenu from left, on hover action. But with this code makes all submenus open, not just the submenu from the hovered link.
  This is my HTML code:</p>
  
  <pre><code>&lt;ul id="NavMeni"&gt;
      &lt;li&gt;&lt;a href="/hr"&gt;Početna&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Top Level Link&lt;/a&gt;
          &lt;ul class="NavPodMeni"&gt;
              &lt;div&gt;&lt;i class="fa fa-chevron-left"&gt;&lt;/i&gt;&lt;p class="clear"&gt;&lt;/p&gt;&lt;/div&gt;
              &lt;h1&gt;Privlaka&lt;/h1&gt;
              &lt;li&gt;&lt;a href="#"&gt;Second Level Link&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Second Level Link Level Link Level Link&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Second Level Link&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="/en"&gt;Nin&lt;/a&gt;
          &lt;ul class="NavPodMeni"&gt;
              &lt;div&gt;&lt;i class="fa fa-chevron-left"&gt;&lt;/i&gt;&lt;p class="clear"&gt;&lt;/p&gt;&lt;/div&gt;
              &lt;h1&gt;Privlaka&lt;/h1&gt;
              &lt;li&gt;&lt;a href="#"&gt;Second Level Link&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Second Level Link Level Link Level Link&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Second Level Link&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="/de"&gt;Kalendar događanja&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="/it"&gt;Smještaj&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="/hr"&gt;Aktivni odmor&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="/en"&gt;Multimedija&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="/de"&gt;Info&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>This is my jQuery code:</p>
  
  <pre><code>jQuery(document).ready(function () {
      jQuery("nav ul#NavMeni li a").hover(function () {
          $("nav ul#NavMeni li &gt; .NavPodMeni").animate({ 'left': '250px' }, 'slow');
      });
      jQuery("nav ul#NavMeni ul.NavPodMeni p i").click(function () {
          $(".NavPodMeni").animate({ 'left': '0px' }, 'slow');
      });
  });
  </code></pre>