响应菜单是在jquery上创建的。我需要将jquery转换为javascript

伙计们，请帮我用纯javascript重复这个功能。 我喜欢这个菜单的工作方式，但我无法用jquery理解它。 或者，如果有人有关于如何在纯javascript中实现jquery功能的规范，我将非常感激

---

你好!！ 伙计们，请帮我用纯javascript重复这个功能。 我喜欢这个菜单的工作方式，但我无法用jquery理解它。 或者，如果有人有关于如何在纯javascript中实现jquery功能的规范，我将非常感激

---

$（文档）.ready（函数（）{
//光标指向此类时悬停时的触发器
$（“.core menu li”）。悬停(
函数（）{
//我使用父ul显示子菜单
$（this.children（'ul'）。slideDown（'fast'）；
}, 
//当光标离开时
函数（）{
$（'ul'，this.slideUp（'fast'）；
});
//此功能仅在600px设备宽度上显示
$（“.hamburger菜单”）。单击（函数（）{
美元（“.burger-1、.burger-2、.burger-3”）。开关类（“开放”）；
$（“.core菜单”）.slideToggle（“快速”）；
});
});
@导入url（'https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@导入url（'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
* {
保证金：0；
填充：0；
大纲：无；
边界：无；
文字装饰：无；
颜色：#F2F2；
}
.主菜单{
显示：块；
位置：相对位置；
背景：#0e0e；
}
.容器菜单{
宽度：80%；
保证金：0自动；
}
.主菜单：之前，.主菜单：之后{
显示：表格；
线高：0；
内容：“；
}
.核心菜单{
文本对齐：居中；
字体：普通1em/1机器人，无衬线；
溢出：隐藏；
}
.核心菜单李{
列表样式：无；
显示：内联块；
光标：指针；
}
.核心菜单李a{
显示：内联块；
填充：1em；
}
.核心菜单李a：悬停{
背景#38a201；
}
李斯潘{
左：1米；
}
.切换：之前{
内容：“\f107”；
字体：普通16px/1字体；
}
.下拉列表{
位置：绝对位置；
宽度：230px；
背景：#1A1A；
文本对齐：左对齐；
显示：无；
}
.下拉列表李{
显示：块；
}
.下拉列表李a{
显示：块；
}
.下拉列表2{
位置：绝对位置；
宽度：230px；
背景：#2d2d；
文本对齐：左对齐；
显示：无；
右图：-100%；
排名：0；
}
.下拉列表2 li{
显示：块；
}
.下载2李a{
显示：块；
}
li span.toggle2{
位置：绝对位置；
右：0；
右边距：20px；
}
.切换2:之前{
内容：“\f105”；
字体：普通16px/1字体；
}
.汉堡包菜单{
填充：1em；
显示：无；
字体：普通16px/1机器人；
文本转换：大写；
}
@介质（最大宽度：720px）{
.主菜单{
高度：50px；
}
.容器菜单{
宽度：100%；
}
.导航{
浮动：左；
显示：块；
宽度：100%；
}
.核心菜单{
浮动：对；
宽度：100%；
背景：#1A1A；
保证金：自动；
显示：无；
}
.核心菜单李{
宽度：100%；
显示：块；
}
.核心菜单李a{
显示：块；
保证金：自动；
}
.汉堡包菜单{
显示：块；
文本对齐：居中；
右边填充：60px；
浮动：无；
宽度：100%；
}
.burger-1、.burger-2、.burger-3{
显示：块；
位置：绝对位置；
宽度：20px；
高度：3倍；
边界半径：30px；
右：0；
右边距：25px；
背景：#fff；
-webkit转换：.2s轻松；
-ms转换：.2s容易；
-moz转换：.2s容易；
-o-转变：.2s；
过渡：放松；
}
.burger-1{
顶部：15px；
}
.burger-2{
顶部：23px；
}
.burger-3{
顶部：31px；
}
.burger-1.open、.burger-2.open、.burger-3.open{
-webkit转换：.2s轻松；
-ms转换：.2s容易；
-moz转换：.2s容易；
-o-转变：.2s；
过渡：放松；
变换原点：50%50%；
}
1.汉堡1.开胃{
顶部：25px；
宽度：23px；
变换：旋转（45度）；
-webkit变换：旋转（45度）；
-ms变换：旋转（45度）；
-moz变换：旋转（45度）；
-o变换：旋转（45度）；
}
.汉堡-2.开{
不透明度：0；
}
.burger-3.open{
顶部：25px；
宽度：23px；
变换：旋转（-45度）；
}
.下拉列表{
宽度：100%；
背景：#0e0e；
文本对齐：居中；
位置：相对位置；
}
.下拉列表2{
右：0；
排名：0；
宽度：100%；
位置：相对位置；
填充：0 20px；
}

导航
























你看了吗？@EmielZuurbier-我想是OP在挣扎的slideUp、slideDown和slideToggle。这能回答你的问题吗？欢迎来到Stack Overflow。如果你发布的解决方案有效，你为什么不能使用jQuery还不清楚。你不能使用jQuery有什么具体原因吗？