导航菜单中的Jquery Slide Toggle问题

时间:2015-06-30 09:09:59

标签: jquery

我不熟悉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();
    });
});

1 个答案:

答案 0 :(得分:1)

我会明确地致电slideDown()slideUp(),并将handlerInhandlerOut绑定到hover()

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