Jquery 菜单 - 改变滑动功能

Question

我在使用此菜单时遇到问题，当我将鼠标悬停在子类别上时，它们会一直向上滑动。

我希望子类别在我悬停时保留，当我将鼠标移到外面时它会向上滑动，同样转到主要类别。请帮忙。我已经为此工作了 1 小时，但没有解决方案。

$(document).ready(function(){
 $('ul#level1').slideUp();
       $('a#tab').hover(function(){
                 var content_show = $(this).attr('title');
                $('.'+ content_show).stop().slideDown();

            },function(){


                var content_show = $(this).attr('title');
                $('.'+ content_show).stop().slideUp();


            });
 });





                <li><a href="#" id="tab" class="active" title="one">Sport</a>

                    <ul id="level1" class="one">
                    <li><a href="#">View All</a></li>
                    <li><a href="#" >Shoes</a></li>
                    <li><a href="#" >T-Shirt</a></li>
                    <li><a href="#" >Tools</a></li>
                    <li><a href="#" >Hats</a></li>
                    <li><a href="#">Pants</a></li>
                    </ul>


                </li>

                <li><a href="#" id="tab" class="tab" title="two">Foods</a>

                    <ul id="level1" class="two">
                    <li><a href="#">Link Here</a></li>
                    <li><a href="#">Link Here</a></li>
                    <li><a href="#">Link Here</a></li>
                    <li><a href="#">Link Here</a></li>
                    <li><a href="#">Link Here</a></li>
                    </ul>


                </li>

Answer 1

尝试滑动您的 <li>不是你的<a> 演示:http://jsfiddle.net/yosafatade/VNkbp/

实际上我同意@PraveenKumar 但如果你仍然想使用 jquery 我建议你使用 slideToggle()