Jquery FadeToggle/滑动切换仅工作一次

我正在尝试创建一个导航抽屉，在单击时淡出/淡入。在jQuery代码中，我使导航在加载时隐藏，当我单击burger图标时，它会消失。然而，当我再次点击它时，它不会消失

我以前在“click”函数方面也遇到过类似的问题（事件只在第一次单击时发生），但我仍然无法理解。非常感谢您的帮助

$（文档）.ready（函数（）{
$（'topnav ul'）.hide（）
$（“#汉堡”）。单击（函数（）{
$（'topnav ul'）。衰减切换（300）；
})
})

首先，事件侦听器不在

复选框中，当您将其置于
复选框中时，
淡入切换
起作用


$（文档）.ready（函数（）{
$（'topnav ul'）.hide（）
$（'#checkboxfornav'）。更改（函数（）{
$（'topnav ul'）.fadeToggle（$（this）.is（“：checked”）；
})
})









首先，事件侦听器不在
复选框中，当您将其置于
复选框中时，
淡入切换
起作用


$（文档）.ready（函数（）{
$（'topnav ul'）.hide（）
$（'#checkboxfornav'）。更改（函数（）{
$（'topnav ul'）.fadeToggle（$（this）.is（“：checked”）；
})
})









您所有的答案都很有帮助！这是我自己的错误lol。当导航淡入时，它覆盖了我的汉堡（导航不是完全不透明的）。在玩了z索引之后，我设法解决了它。非常感谢你
 你所有的回答都很有帮助！这是我自己的错误lol。当导航淡入时，它覆盖了我的汉堡（导航不是完全不透明的）。在玩了z索引之后，我设法解决了它。非常感谢你
 首先，
#burger
元素没有内容，因此单击时不会显示任何内容。如果添加内容，则每次连续单击时，
ul
会淡入淡出，这是此处的预期行为。你说你想让
ul
淡出，但什么时候该淡出呢？如果你点击标签就可以了，我会编辑你的帖子并为标签的文本添加汉堡。上面的链接是到JSFIDLE的。jquery代码位于库的最底部。在它淡入之后，它就不再淡出了。@Levin因为你的覆盖层覆盖了所有其他元素，之后你就不能点击汉堡了。首先，
#burger
元素没有内容，所以点击时不会出现任何东西。如果添加内容，则每次连续单击时，
ul
会淡入淡出，这是此处的预期行为。你说你想让
ul
淡出，但什么时候该淡出呢？如果你点击标签就可以了，我会编辑你的帖子并为标签的文本添加汉堡。上面的链接是到JSFIDLE的。jquery代码位于库的最底部。在它淡入之后，它就不再淡出了。@Levin因为你的覆盖层覆盖了所有其他元素，之后你就不能点击汉堡了。