jquery mouseover slide down mouseout slide up
<p>I made a slide down effect to my menu.</p>

<p>But i cant make it if on mouse over slide down and out slide up</p>

<pre><code>$('nav.main_menu li').mouseover(function() {
   $('nav.main_menu li:hover ul.sub-menu').slideDown();
});
</code></pre>

<p>tried with this either</p>

<pre><code> $(document).ready(function(){
    $("nav.main_menu li").hover(function () {
      $("nav.main_menu li:hover ul.sub-menu").slideDown(500);
     }, function() {
       $("nav.main_menu li:hover ul.sub-menu").slideUp(300);
   });
  });
</code></pre>

<p>but if i use this on mouseover it starts to jum up and down at the same time</p>

<pre><code>    &lt;nav class="main_menu"&gt;
                    &lt;ul&gt;

                        &lt;li id="menu-item-31" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-5 current_page_item menu-item-31"&gt;&lt;a href="http://www.emotion-online.hu/levente/honti/"&gt;Főoldal&lt;/a&gt;&lt;/li&gt;
&lt;li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30"&gt;&lt;a href="http://www.emotion-online.hu/levente/honti/akciok/"&gt;Akciók&lt;/a&gt;
&lt;ul class="sub-menu"&gt;
    &lt;li id="menu-item-164" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-164"&gt;&lt;a href="http://www.emotion-online.hu/levente/honti/akciok/kiemelt-ajanlat/"&gt;Kiemelt ajánlat&lt;/a&gt;&lt;/li&gt;
    &lt;li id="menu-item-167" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-167"&gt;&lt;a href="http://www.emotion-online.hu/levente/honti/akciok/allando-kedvezmenyek/"&gt;Állandó kedvezmények&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li id="menu-item-29" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29"&gt;&lt;a href="http://www.emotion-online.hu/levente/honti/hirek/"&gt;Hírek&lt;/a&gt;&lt;/li&gt;
&lt;li id="menu-item-28" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28"&gt;&lt;a href="http://www.emotion-online.hu/levente/honti/termekek/"&gt;Termékek&lt;/a&gt;&lt;/li&gt;

&lt;li id="menu-item-27" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27"&gt;&lt;a href="http://www.emotion-online.hu/levente/honti/szolgaltatasok/"&gt;Szolgáltatások&lt;/a&gt;
&lt;ul class="sub-menu"&gt;
    &lt;li id="menu-item-195" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-195"&gt;&lt;a href="http://www.emotion-online.hu/levente/honti/szolgaltatasok/szemeszeti-szurovizsgalat/"&gt;Szemészeti szűrővizsgálat&lt;/a&gt;&lt;/li&gt;
    &lt;li id="menu-item-191" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-191"&gt;&lt;a href="http://www.emotion-online.hu/levente/honti/szolgaltatasok/komputeres-szemvizsgalat/"&gt;Komputeres szemvizsgálat&lt;/a&gt;&lt;/li&gt;
    &lt;li id="menu-item-190" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-190"&gt;&lt;a href="http://www.emotion-online.hu/levente/honti/szolgaltatasok/kontaktlencse-illesztes/"&gt;Kontaktlencse illesztés&lt;/a&gt;&lt;/li&gt;
    &lt;li id="menu-item-189" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-189"&gt;&lt;a href="http://www.emotion-online.hu/levente/honti/szolgaltatasok/garanciak/"&gt;Garanciák&lt;/a&gt;&lt;/li&gt;
    &lt;li id="menu-item-188" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-188"&gt;&lt;a href="http://www.emotion-online.hu/levente/honti/szolgaltatasok/3d-s-szemuveglencse-illesztes/"&gt;3D-s szemüveglencse illesztés&lt;/a&gt;&lt;/li&gt;

    &lt;li id="menu-item-187" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-187"&gt;&lt;a href="http://www.emotion-online.hu/levente/honti/szolgaltatasok/szemuveg-javitas-tisztitas/"&gt;Szemüveg javítás, tisztítás&lt;/a&gt;&lt;/li&gt;
    &lt;li id="menu-item-186" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-186"&gt;&lt;a href="http://www.emotion-online.hu/levente/honti/szolgaltatasok/ingyenes-uv-teszt/"&gt;Ingyenes UV teszt&lt;/a&gt;&lt;/li&gt;
    &lt;li id="menu-item-185" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-185"&gt;&lt;a href="http://www.emotion-online.hu/levente/honti/szolgaltatasok/ceges-szures/"&gt;Céges szűrés&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li id="menu-item-26" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26"&gt;&lt;a href="http://www.emotion-online.hu/levente/honti/dijak/"&gt;gy.i.k&lt;/a&gt;&lt;/li&gt;
&lt;li id="menu-item-25" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-25"&gt;&lt;a href="http://www.emotion-online.hu/levente/honti/videok/"&gt;Videók&lt;/a&gt;&lt;/li&gt;
&lt;li id="menu-item-24" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24"&gt;&lt;a href="http://www.emotion-online.hu/levente/honti/galeria/"&gt;Galéria&lt;/a&gt;&lt;/li&gt;

&lt;li id="menu-item-23" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23"&gt;&lt;a href="http://www.emotion-online.hu/levente/honti/rolunk/"&gt;Rólunk&lt;/a&gt;&lt;/li&gt;

                    &lt;/ul&gt;
                &lt;/nav&gt;
</code></pre>

<p>what im missing?</p>
