JavaScript函数菜单切换

大家好，希望你们都很好，只是想知道是否有人可以帮我我有一个导航栏，当屏幕最大宽度为750px时，导航链接会变成toogle菜单。我的问题是，当我点击切换菜单时，我似乎无法打开和关闭它，我在谷歌上搜索并尝试了一些不同的代码，但没有成功。 任何帮助都将不胜感激

这是我当前的代码

$（文档）.ready（函数（）{
$（“菜单切换”）。打开（“单击”，函数（）{
$（'nav'）.toggleClass（'showing'）；
$（'.nav ul'）.toggleClass（'showing'）；
});
});
标题。菜单切换{
显示：无；
}
/*****媒体查询*****/
@仅介质屏幕和（最大宽度：750px）{
标题{
位置：相对位置；
}
标题ul{
宽度：100%；
背景#666666；
最大高度：0px；
溢出：隐藏；
}
.展示{
最大高度：100em；
}
标题ulli{
宽度：100%；
}
标题ul li ul{
位置：静态；
显示：块；
宽度：100%；
}
标题ul li ul li a{
填充：10px；
背景#666666；
颜色：#ffffff；
左侧填充：50px；
}
标题ul li ul li a.注销{
颜色：#ff0000；
}
标题.菜单切换{
显示：块；
位置：绝对位置；
右：20px；
顶部：20px；
字号：1.9em；
}
}











您的nav是一个类，请使用
$（'.nav'）
。
您尚未为类名称
编写CSS。为
.nav
或
.nav ul
显示
。因此，即使单击，也不会发生任何事情。
修改jquery.menu切换以切换onclick（）函数

爪哇！=JavaScript。请学习正在编写代码的语言名称。$（'.nav'），而不是$（'nav'）。在您调用的函数中，这可能是一个输入错误。您在这里也缺少
（“菜单切换”）
。请使用它code-
$（文档）。ready（function（）{$（“.menu toggle”）。on（“单击”，function（）{$（'header ul'）。toggleClass（'showing'）；}）  $(document).ready(function () {
      $(".menu-toggle").on("click", function () {
            $('.nav').toggleClass('showing');
            $('.nav ul').toggleClass('showing');
      });
  });