Javascript 幻灯片菜单不可滑动

我的代码包含HTML、CSS和js文件。虽然我对CSS学习JS没问题，但我还是被困在里面了。输出中的绿色窗口似乎是幻灯片，但并非如此。

我还使用了

来引用js页面，但它没有发生，所以即使我尝试了所有这些重新加载的东西，但我无法从HTML引用，即使它在标签下的同一HTML页面上不起作用

$（“#切换”）。单击（函数（）{
$（“.menu”）.toggleClass（“关闭”）；
$（此）.toggleClass（“已关闭”）；
$（“.content”）.toggleClass（“已关闭”）；
$（“#包装器”）.toggleClass（“已关闭”）
});
*{font-family:courier；框大小：边框框；}
html，正文{空白：0；填充：0；高度：100%；最小高度：100%；背景色：floralwhite}
.菜单{宽度：250px；高度：100%；位置：固定；背景色：海绿色；过渡：全部1；左侧：0；z索引：50；溢出-y:自动；填充底部：100px；}
.menu.closed{left:-250px；}
#切换{背景色：海绿；高度：100%；最小高度：100%；宽度：50px；位置：固定；顶部：0；底部：0；左侧：0px；z索引：25；&：悬停{光标：指针；}&.闭合{左侧：0px；顶部：0；底部：0；右侧：0；宽度：100%；高度：100%；不透明度：.3；}转换：全部.7s轻松；}
.menu ul{列表样式类型：无；填充：0；边距：85px 0 40px；右填充：40px；}
.menu ul li{颜色：floralwhite；字体大小：20px；边距：0 0 5px 0；显示：块；高度：40px；线条高度：40px；&：悬停{背景色：变亮（绿色，10%）；光标：指针；}左填充：10px；转换：all.3s；}




东西
烹调
游戏

您的CSS包含SCSS元素，如

#toggle {
  ...
  #toggle:hover {
    cursor: pointer;
  }
  ...
}

在普通CSS中没有嵌套。将这些嵌套规则转换为普通CSS（并将jQuery添加到代码段中）以使其正常工作

通常，始终确保标记、样式和javascript代码没有语法错误。这方面有很多工具


$（“#切换”）。单击（函数（）{
$（“.menu”）.toggleClass（“关闭”）；
$（此）.toggleClass（“已关闭”）；
$（“.content”）.toggleClass（“已关闭”）；
$（“#包装器”）.toggleClass（“已关闭”）
});
*{
字体系列：信使；
框大小：边框框；
}
html，
身体{
保证金：0；
填充：0；
身高：100%；
最小高度：100%；
背景色：花白色
}
.菜单{
宽度：250px；
身高：100%；
位置：固定；
背景色：海绿；
过渡：所有1；
左：0；
z指数：50；
溢出y：自动；
填充底部：100px；
}
.菜单.关闭{
左：-250px；
}
#拨动{
背景色：海绿；
身高：100%；
最小高度：100%；
宽度：50px；
位置：固定；
排名：0；
底部：0；
左：0px；
z指数：25；
过渡：全部。7秒轻松；
}
#切换：悬停{
光标：指针；
}
#关闭{
左：0px；
排名：0；
底部：0；
右：0；
宽度：100%；
身高：100%；
不透明度：.3；
}
.菜单ul{
列表样式类型：无；
填充：0；
利润率：85像素0.40像素；
右边填充：40px；
}
李先生{
颜色：花白色；
字体大小：20px；
保证金：0.5px 0；
显示：块；
高度：40px；
线高：40px；
左侧填充：10px；
过渡：全部3秒；
}
.菜单ul li:悬停{
背景色：浅色（海绿，10%）；
光标：指针；
}




东西
烹调
游戏


$（“#切换”）。单击（函数（）{
$（“.menu”）.toggleClass（“关闭”）；
$（此）.toggleClass（“已关闭”）；
$（“.content”）.toggleClass（“已关闭”）；
$（“#包装器”）.toggleClass（“已关闭”）
});
*{
字体系列：信使；
框大小：边框框；
}
html，
身体{
保证金：0；
填充：0；
身高：100%；
最小高度：100%；
背景色：花白色
}
.菜单{
宽度：250px；
身高：100%；
位置：固定；
背景色：海绿；
过渡：所有1；
左：0；
z指数：50；
溢出y：自动；
填充底部：100px；
}
.菜单.关闭{
左：-250px；
}
#包装{左边距：50px；}
#wrapper.closed{left:250px；margin left:0px；transition:all.3s；position:relative；}
#拨动{
背景色：海绿；
身高：100%；
最小高度：100%；
宽度：50px；
位置：固定；
排名：0；
底部：0；
左：0px；
z指数：25；
过渡：全部。7秒轻松；
}
#切换：悬停{
光标：指针；
}
#关闭{
左：0px；
排名：0；
底部：0；
右：0；
宽度：100%；
身高：100%；
不透明度：.3；
}
.菜单ul{
列表样式类型：无；
填充：0；
利润率：85像素0.40像素；
右边填充：40px；
}
李先生{
颜色：花白色；
字体大小：20px；
保证金：0.5px 0；
显示：块；
高度：40px；
线高：40px；
左侧填充：10px；
过渡：全部3秒；
}
.菜单ul li:悬停{
背景色：浅色（海绿，10%）；
光标：指针；
}

菜单



东西
烹调
游戏

dwdlkqnbwkjdbjqkbwkbqkh
您提供的css无效。请使用验证。您忘记在代码段中添加jQuery:它已损坏。