title: jquery display current element on hover
body: <p>So I use this code to display depth 3 elements in menu (wordpress):</p>
  
  <pre><code>var hoverTimeout;  
  
      $( "span.sub2 li.menu-item-has-children" ).hover(function(){
          hoverTimeout = setTimeout(function() {$('ul .sub2 li .sub-menu .sub2').css("display", "block");}, 500);
      }, function() {
          clearTimeout(hoverTimeout);
          $('ul .sub2 li .sub-menu .sub2').css("display", "none");
      });
  
  
      $( "span.sub2 li.menu-item-has-children" ).mouseleave(function() {
        $('ul .sub2 li .sub-menu .sub2').css("display", "none");
      });
  </code></pre>
  
  <p>Problem is that when I hover on one element with sub-menu, all elements with sub-menus get displayed. </p>
  
  <p>Question is:</p>
  
  <p><strong>How to display only one sub menu that I'm hovering my mouse at the moment?</strong></p>
  
  <p>sorry for tags, couldn't add "jquery"</p>
  
  <p>edit:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;nav id="menu" class="menu-main-navigation-container"&gt;&lt;ul id="menu-main-navigation" class=""&gt;&lt;li id="menu-item-177" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-5 current_page_item menu-item-177"&gt;&lt;a href="http://ekochem-tech.pl/"&gt;Strona główna&lt;/a&gt;&lt;/li&gt;
  &lt;li id="menu-item-18" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18"&gt;&lt;a href="http://ekochem-tech.pl/o-firmie/"&gt;O firmie&lt;/a&gt;&lt;/li&gt;
  &lt;li id="menu-item-19" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-19"&gt;&lt;a href="http://ekochem-tech.pl/oferta/"&gt;Oferta&lt;/a&gt;&lt;ul class="sub-menu"&gt;&lt;span class="sub2"&gt;  &lt;li id="menu-item-123" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-123"&gt;&lt;a href="http://ekochem-tech.pl/oferta/sprzedaz-plynow-chlodniczych-i-wody-demineralizowanej/"&gt;Sprzedaż płynów chłodniczych i wody demineralizowanej&lt;/a&gt;&lt;ul class="sub-menu"&gt;&lt;span class="sub2"&gt;       &lt;li id="menu-item-435" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-435"&gt;&lt;a href="http://ekochem-tech.pl/producent-wody-demineralizowanej/"&gt;Producent wody demineralizowanej&lt;/a&gt;&lt;/li&gt;
          &lt;li id="menu-item-436" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-436"&gt;&lt;a href="http://ekochem-tech.pl/plyny-instalacji-przemyslowych/"&gt;Płyny do instalacji przemysłowych i CO&lt;/a&gt;&lt;/li&gt;
          &lt;li id="menu-item-437" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-437"&gt;&lt;a href="http://ekochem-tech.pl/inhibitory-korozji/"&gt;Inhibitory korozji&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;&lt;/span&gt;&lt;/li&gt;
      &lt;li id="menu-item-119" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-119"&gt;&lt;a href="http://ekochem-tech.pl/oferta/analizy-badania-czystosci-i-stopnia-zuzycia-plynow-chlodniczych/"&gt;Analizy, badania czystości i stopnia zużycia płynów chłodniczych&lt;/a&gt;&lt;/li&gt;
      &lt;li id="menu-item-120" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-120"&gt;&lt;a href="http://ekochem-tech.pl/oferta/napelnianie-i-oproznianie-instalacji-chlodniczych/"&gt;Napełnianie i opróżnianie instalacji chłodniczych&lt;/a&gt;&lt;/li&gt;
      &lt;li id="menu-item-121" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-121"&gt;&lt;a href="http://ekochem-tech.pl/oferta/plukanie-chemiczne-czyszczenie-lub-trawienie-urzadzen-i-ciagow-technologicznych/"&gt;Płukanie, chemiczne czyszczenie lub trawienie urządzeń i ciągów technologicznych&lt;/a&gt;&lt;/li&gt;
      &lt;li id="menu-item-122" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-122"&gt;&lt;a href="http://ekochem-tech.pl/oferta/plyny-niezamarzajace-do-domkow-letniskowych/"&gt;Płyny niezamarzające do domków letniskowych&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;&lt;/span&gt;&lt;/li&gt;
  &lt;li id="menu-item-17" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17"&gt;&lt;a href="http://ekochem-tech.pl/kontakt/"&gt;Kontakt&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;&lt;/nav&gt; 
  </code></pre>