导航菜单中的Jquery Slide Toggle问题

Question

我不熟悉jquery，但我的客户要求使用Slide Toggle 这里是网站Click Here的链接 正如您所看到的，菜单是一个普通的wordpress菜单。但是一旦你盘旋它，滑动切换应该发生在菜单下面，除了家庭，这是有效的。但有时如果您在菜单中单击另一个标题并快速将其悬停，则幻灯片切换会反转。即主页切换，但所有其他菜单被禁用。我的jquery代码如下：

$(document).ready(function () {
$('#menu-item-1052,#menu-item-1132,#menu-item-814,#menu-item-900,#menu-item-1396').hover(function () {
    $('#space').stop( true, false ).slideToggle('600','linear');
 e.preventDefault();
    });
});

Answer 1

我会明确地致电slideDown()和slideUp()，并将handlerIn和handlerOut绑定到hover()：

$('#menu-home > li:not(:first-child)').hover(
    function() {
        $('#space').stop( true, false ).slideDown('600','linear');
    },
    function() {
        $('#space').stop( true, false ).slideUp('600','linear');
    }
);