使用jQuery从右向左滑动切换

时间:2016-12-07 17:02:42

标签: jquery

您好我有一个菜单,我想从右边滑入。我有以下代码,但有些原因它无法正常工作。有人可以帮我纠正这段代码吗?

jQuery("#mobile-nav-icon").click(function(){
    jQuery('#menu-main-menu').toggle(slide, right, 500);
});

谢谢!

2 个答案:

答案 0 :(得分:3)

您可以使用jquery-ui并使用toggle()功能来提供方向

jQuery("#mobile-nav-icon").click(function(){
    jQuery('#menu-main-menu').toggle('slide', {
            direction: 'left'
        }, 1000)
});

答案 1 :(得分:2)

使用animate()方法:

jQuery("#mobile-nav-icon").click(function(){
    jQuery('#menu-main-menu').animate({width: 'toggle'});
});

你也可以替换" jQuery"与" $",它做同样的事情