汉堡包javascript动画不'；t工作：“；意外标记“；

这是我在这里的第一篇文章，如果我不是很准确的话，我很抱歉，但我在编码领域还是个新手

有人能解释一下为什么我在html末尾添加的Javascript代码不起作用吗

基本上我想我的汉堡动画切换，但它似乎不能正常工作

这是否意味着我需要添加jQuery库？我该怎么做呢？我试图将html文件链接到在线jQuery库，但没有成功

提前感谢你的帮助。 再见

$（文档）.ready（函数（）{
$（'#nav-icon3'）。单击（函数（）{
$（this.toggleClass（'open'）；
});
});
#导航图标3{
宽度：60px；
高度：45px；
位置：相对位置；
保证金：50px自动；
-webkit变换：旋转（0度）；
-moz变换：旋转（0度）；
-o变换：旋转（0度）；
变换：旋转（0度）；
-webkit转换：.5s轻松输入输出；
-moz转换：.5s易进易出；
-o型过渡：.5s易进易出；
过渡：.5s易进易出；
光标：指针；
}
#导航图标3跨度{
显示：块；
位置：绝对位置；
高度：9px；
宽度：100%；
背景：#d3531a；
边界半径：9px；
不透明度：1；
左：0；
-webkit变换：旋转（0度）；
-moz变换：旋转（0度）；
-o变换：旋转（0度）；
变换：旋转（0度）；
-webkit转换：.25s易入易出；
-moz转换：.25s易入易出；
-o型过渡：.25秒缓进缓出；
转换：.25秒轻松输入输出；
}
#导航图标3跨度：第n个子（1）{
顶部：0px；
}
#nav-icon3跨度：第n个孩子（2），#nav-icon3跨度：第n个孩子（3）{
顶部：18px；
}
#导航图标3跨度：第n个子（4）{
顶部：36px；
}
#导航图标3.开放跨距：第n个子（1）{
顶部：18px；
宽度：0%；
左：50%；
}
#导航图标3.开放跨距：第n个子（2）{
-webkit变换：旋转（45度）；
-moz变换：旋转（45度）；
-o变换：旋转（45度）；
变换：旋转（45度）；
}
#导航图标3.开放跨距：第n个子（3）{
-webkit变换：旋转（-45度）；
-moz变换：旋转（-45度）；
-o变换：旋转（-45度）；
变换：旋转（-45度）；
}
#导航图标3.开放跨距：第n个子（4）{
顶部：18px；
宽度：0%；
左：50%；
}
是的，如果使用jQuery，则需要将其链接到html文档。
只需添加：

<script src="js/jquery-3.2.1.min.js" type="text/javascript"></script>



在main.js文件之后，您将能够使用jQuery.：）
 如果使用jQuery，则html代码中不需要onclick=“”参数。可以使用$（target）
 是的，您需要jQuery来运行示例。您可以显示完整的HTML代码吗？这是不必要的onclick=“function（）”）您可以在$（“#nav-icon3”）中触发事件。单击（function（）{对不起，id您的文档中没有jquery，您可以在internet中链接它，但请确保在连接internet时测试您的页面。：）