鼠标悬停的jQuery slidingown菜单

Question

<script>
    $(document).ready(function(){  

        $("#flip").hover(function()
        {
            $("#panel").slideToggle();

        });
    });
</script>


<li><a class="smoothScroll" href="#s3"><div id="flip">programmes</div></a><div id="panel"><a href="#s1">urvashi</a></div></li>

这是一个滑动菜单。当我点击程序时它向下滑动。但是当我尝试单击其中的选项或子菜单时，它会向上滑动。我希望它保留所有子菜单。请帮忙

Answer 1

将.hover（）函数更改为.mouseenter（）