title: li element hover event and show sub menu?
body: <p>html codes</p>
  
  <pre><code>&lt;ul class="menu"&gt;
  &lt;li&gt;deneme&lt;/li&gt;
  &lt;li&gt;deneme
      &lt;ul&gt;
          &lt;li&gt;alt menu&lt;/li&gt;
          &lt;li&gt;alt menu&lt;/li&gt;
          &lt;li&gt;alt menu&lt;/li&gt;
          &lt;li&gt;alt menu&lt;/li&gt;
          &lt;li&gt;alt menu&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt;deneme
      &lt;ul&gt;
          &lt;li&gt;alt menu&lt;/li&gt;
          &lt;li&gt;alt menu&lt;/li&gt;
          &lt;li&gt;alt menu&lt;/li&gt;
          &lt;li&gt;alt menu&lt;/li&gt;
          &lt;li&gt;alt menu&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt;deneme&lt;/li&gt;
  &lt;li&gt;deneme&lt;/li&gt;
  &lt;li&gt;deneme
      &lt;ul&gt;
          &lt;li&gt;alt menu&lt;/li&gt;
          &lt;li&gt;alt menu&lt;/li&gt;
          &lt;li&gt;alt menu&lt;/li&gt;
          &lt;li&gt;alt menu&lt;/li&gt;
          &lt;li&gt;alt menu&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt;deneme&lt;/li&gt;
  &lt;/ul&gt;​
  </code></pre>
  
  <p>javascript:</p>
  
  <pre><code>$(document).ready(function(){
      $("ul.menu &gt; li").css("color","red");
      $("li ul li").css("color","blue")
      $("li ul li").hide();
      $("ul.menu li").hover(
          function() {
              $("li ul li").show();
          },
          function() {
              $("li ul li").hide();
          }
      );
  });​
  </code></pre>
  
  <p>And my question, I want to show current's submenu item with hover event. But this code show all sub menus. How can I fix it ?</p>
  
  <p>Thanks.</p>