下拉延迟不起作用

Question

所以我正在制作一个下拉菜单，我遇到了问题。如果您以某种方式将鼠标悬停在其上，则下拉菜单会不停地上下移动。这是JS：

$("#solar-slide").hover(function() {
    $("ul", this).slideDown(100);
},
function() {
    $("ul", this).slideUp(100);
    }
);

如果您想亲自尝试，请访问mjevange.mysite.syr.edu/SE

由于

Answer 1

尝试添加stop（）：

$("#solar-slide").hover(function() {
    $("ul", this).stop(true).slideDown(100);
},
function() {
    $("ul", this).stop(true).slideUp(100);
    }
);

Answer 2

这是因为您在悬停时移动菜单项。从top: 1px; css中删除.button:hover应修复此问题。