jquery - 在每次悬停时运行 jQuery slideDown

Question

我是 jQuery 的新手，我正在尝试制作一个下拉菜单列表。我有以下脚本:

<script>
$(document).ready(function() {
$('.menu>li').hover(function(){
$('.menu>li>ul').slideDown("slow");
});
});
</script>

确实是在页面加载后第一次滑下下拉列表，之后一直出现，直到页面刷新才滑下。我如何让它在每次悬停时继续下滑？我试过了，但也没用:

<script>
$(document).ready(function() {
$('.menu>li').hover(function(){
$('.menu>li>ul').stop(true,true).slideDown("slow");
});
});
</script>

这是我正在做的网站，你可以将鼠标悬停在“练习区”上查看。它在 IP 72.41.8.193 上

谢谢。

Answer 1

您告诉 jquery 将元素向下滑动，但从未告诉它再次向上滑动。

hover 函数会接受鼠标进入和鼠标离开参数，试试吧。

$(document).ready(function() {
    $('.menu>li').hover(function(){
        $('.menu>li>ul').stop(true,true).slideDown("slow");
    }, // <-- this comma is important. 
//the anonymous function after this will run on mouse out
    function(){
        $('.menu>li>ul').stop(true,true).slideUp("slow");
    });
});