Javascript 什么；“错误”；使用这个切换脚本？

我使用这个JS代码来切换我的响应菜单，但在手机中它并不顺利。你知道为什么吗

    <script>
    $(function() {
        var pull        = $('.slide-toggle');
            menu        = $('.menu');
            menuHeight  = menu.height();

        $(pull).on('click', function(e) {
            e.preventDefault();
            menu.slideToggle(500);
        });

        $(window).resize(function(){
            var w = $(window).width();
            if(w > 768 && menu.is(':hidden')) {
                menu.removeAttr('style');
            }
        });
    });
</script>

$（函数（）{
var pull=$（'.slide toggle'）；
菜单=$（'.menu'）；
menuHeight=menu.height（）；
$（拉动）。打开（'点击'，函数（e）{
e、 预防默认值（）；
菜单。滑动切换（500）；
});
$（窗口）。调整大小（函数（）{
var w=$（window.width（）；
如果（w>768&&menu.is（':hidden'））{
menu.removeAttr（'style'）；
}
});
});

---

谢谢你的帮助！0

以下是一个CSS3动画示例，它将帮助您实现滑动菜单。我不确定你的菜单会有什么样的表现，但我认为这会给你一个很好的起点

*{
保证金：0；
填充：0；
字体系列：“Helvetica Neue”，Helvetica，无衬线；
字距：-2px；
}
h1{
字体大小：40px；
字体大小：粗体；
颜色：#191919；
-webkit字体平滑：抗锯齿；
}
氢{
字体大小：正常；
字体大小：20px；
颜色：#888；
填充：5px0；
}
.菜单{
背景：#181818；
颜色：#FFF；
位置：绝对位置；
顶部：-250px；
左：0；
宽度：100%；
高度：250px；
填充：20px；
过渡：300毫秒立方贝塞尔（0.17,0.04,0.03,0.94）；
溢出：隐藏；
框大小：边框框；
}
.菜单h1{
颜色：#FFF；
}
#拨动{
位置：绝对位置；
外观：无；
光标：指针；
左-100%；
前-100%；
}
#切换+标签{
位置：绝对位置；
光标：指针；
填充：10px；
背景：26ae90；
宽度：100px；
边界半径：3px；
填充：8px 10px；
颜色：#FFF；
线高：20px；
字体大小：12px；
文本对齐：居中；
-webkit字体平滑：抗锯齿；
光标：指针；
利润率：20px 50px；
过渡：所有500ms缓解；
}
#切换+标签：之后{
内容：“开放”
}
.集装箱{
过渡：边缘300ms立方贝塞尔（0.17,0.04,0.03,0.94）；
填充物：5em 3em；
}
#切换：选中~。菜单{
排名：0；
}
#切换：选中~.container{
边缘顶部：250px；
}
#切换：选中+标签{
背景#dd6149；
}
#切换：选中+标签：之后{
内容：“结束”
}

CSS3向下滑动切换演示菜单
单击“打开”按钮以查看菜单。

项目一
项目二
项目三
项目四

以下是一个CSS3动画示例，它将帮助您实现滑动菜单。我不确定你的菜单会有什么样的表现，但我认为这会给你一个很好的起点

*{
保证金：0；
填充：0；
字体系列：“Helvetica Neue”，Helvetica，无衬线；
字距：-2px；
}
h1{
字体大小：40px；
字体大小：粗体；
颜色：#191919；
-webkit字体平滑：抗锯齿；
}
氢{
字体大小：正常；
字体大小：20px；
颜色：#888；
填充：5px0；
}
.菜单{
背景：#181818；
颜色：#FFF；
位置：绝对位置；
顶部：-250px；
左：0；
宽度：100%；
高度：250px；
填充：20px；
过渡：300毫秒立方贝塞尔（0.17,0.04,0.03,0.94）；
溢出：隐藏；
框大小：边框框；
}
.菜单h1{
颜色：#FFF；
}
#拨动{
位置：绝对位置；
外观：无；
光标：指针；
左-100%；
前-100%；
}
#切换+标签{
位置：绝对位置；
光标：指针；
填充：10px；
背景：26ae90；
宽度：100px；
边界半径：3px；
填充：8px 10px；
颜色：#FFF；
线高：20px；
字体大小：12px；
文本对齐：居中；
-webkit字体平滑：抗锯齿；
光标：指针；
利润率：20px 50px；
过渡：所有500ms缓解；
}
#切换+标签：之后{
内容：“开放”
}
.集装箱{
过渡：边缘300ms立方贝塞尔（0.17,0.04,0.03,0.94）；
填充物：5em 3em；
}
#切换：选中~。菜单{
排名：0；
}
#切换：选中~.container{
边缘顶部：250px；
}
#切换：选中+标签{
背景#dd6149；
}
#切换：选中+标签：之后{
内容：“结束”
}

CSS3向下滑动切换演示菜单
单击“打开”按钮以查看菜单。

项目一
项目二
项目三
项目四

使用jquery动画，例如：

slideToggle

在移动设备上通常速度较慢，您可以尝试查找css3转换（请参阅此问题：）+1以获得css3转换建议。

slideToggle

需要JS函数通过

setTimeout

每隔几毫秒启动一次。由于JS的速度较慢，而且无法保证持续的发射（尤其是在移动设备上），因此您会感到非常不安。CSS3转换是在本机代码中实现的，并且几乎总是平滑的。非常感谢您！我将查找CSS3转换！使用jquery动画，例如：

slideToggle

在移动设备上通常速度较慢，您可以尝试查找css3转换（请参阅此问题：）+1以获得css3转换建议。

slideToggle

需要JS函数通过

setTimeout

每隔几毫秒启动一次。由于JS的速度较慢，而且无法保证持续的发射（尤其是在移动设备上），因此您会感到非常不安。CSS3转换是在本机代码中实现的，并且几乎总是平滑的。非常感谢您！我将查找CSS3转换！如果我稍微修改一下这段代码，是否可以使菜单也从左侧或右侧滑入？如果我稍微修改一下这段代码，是否可以使菜单也从左侧或右侧滑入？