Javascript 滚动后导航栏toogle按钮不工作

所以我有一个导航栏，它工作得很好。当我单击toogle图标时，它会滚动，但在我看不到toogle图标之后。如果我尝试单击toogle图标，它将不起作用。我的意思是它不会向后滚动。我不知道出了什么问题。我如何解决这个问题？下面是我的代码的工作示例

工作样本

html，正文{
保证金：0；
填充：0；
宽度：100%；
高度：100vh；
}
/*h1{
位置：绝对位置；
最高：46%；
左：50%；
转换：翻译（-50%，-50%）；
颜色：#000000；
字体大小：48px；
字体系列：“Playfair显示”；
字体重量：较轻；
} */
/* 
身体{
背景：#101010；
} */
.切换btn{
位置：固定；
利润率：1.4em；
填充：1em；
宽度：40px；
高度：12px；
右：0；
z指数：1；
}
第一阶段{
位置：固定；
宽度：40px；
高度：2倍；
背景：rgb（0,0,0）；
右边距：60px；
}
跨度2{
位置：固定；
宽度：40px；
高度：2倍；
背景：rgb（0,0,0）；
边缘顶部：12px；
右边距：60px；
}
.菜单{
z指数：1；
位置：固定；
背景：#000000；
高度：100vh；
宽度：100%；
前-200%；
}
.数据{
填充：8em 0 2em；
文本对齐：左对齐；
}
保险商实验室{
列表样式：无；
}
李：第一个孩子{
颜色：灰色；
字体系列：Poppins；
字体大小：24px；
}
李：不是（第一个孩子）{
颜色：#fff；
字体大小：42px；
}
a{
文字装饰：无；
颜色：#中交；
字体系列：Poppins；
}

AW区域/{title}
身体{
字体系列：“Poppins”，无衬线；
字体系列：“Roboto Mono”，monospace；
保证金：0；
填充：0；
宽度：100%；
}

航行





var t1=新的TimelineMax（{暂停：true}）；
t1.至（“.1”，0.8{
y:6，
轮换：45，
不透明度：1，
ease:Expo.easeInOut
});
t1.至（“.2”，0.8{
y:-6，
不透明度：1，
轮调：-45，
ease:Expo.easeInOut，
延迟：-0.8
});
t1.至（“.菜单”，2{
顶部：“0%”，
ease:Expo.easeInOut，
延迟：-2
});
t1.从（“.menu ul li”，2，{x:-200，不透明度：0，易用性：Expo.easeOut}，0.3）；
t1.反向（）；
$（文档）.on（“单击“，”.toggle btn”，函数（）{
t1.反向（！t1.反向（））；
});
运行（'.grid gallery'，{animation:'slideIn'}）；

我增加了z索引值。现在，单击侧面图标即可关闭导航栏。我还改变了背景颜色的snackbar点击它，以区分不同的颜色

html，
身体{
保证金：0；
填充：0；
宽度：100%；
高度：100vh；
}
/*h1{
位置：绝对位置；
最高：46%；
左：50%；
转换：翻译（-50%，-50%）；
颜色：#000000；
字体大小：48px；
字体系列：“Playfair显示”；
字体重量：较轻；
} */
/* 
身体{
背景：#101010；
} */
.切换btn{
位置：固定；
利润率：1.4em；
填充：1em；
宽度：40px；
高度：12px；
右：0；
z指数：99；
}
第一阶段{
位置：固定；
宽度：40px；
高度：2倍；
背景：rgb（0,0,0）；
右边距：60px；
}
跨度2{
位置：固定；
宽度：40px；
高度：2倍；
背景：rgb（0,0,0）；
边缘顶部：12px；
右边距：60px；
}
.菜单{
z指数：1；
位置：固定；
背景：#000000；
高度：100vh；
宽度：100%；
前-200%；
}
.数据{
填充：8em 0 2em；
文本对齐：左对齐；
}
保险商实验室{
列表样式：无；
}
李：第一个孩子{
颜色：灰色；
字体系列：Poppins；
字体大小：24px；
}
李：不是（第一个孩子）{
颜色：#fff；
字体大小：42px；
}
a{
文字装饰：无；
颜色：#中交；
字体系列：Poppins；
}
.颜色变化{
背景：白色！重要；
}

AW区域/{title}
身体{
字体系列：“Poppins”，无衬线；
字体系列：“Roboto Mono”，monospace；
保证金：0；
填充：0；
宽度：100%；
}

航行





var t1=新的时间线最大值({
暂停：对
});
t1.至（“.1”，0.8{
y:6，
轮换：45，
不透明度：1，
ease:Expo.easeInOut
});
t1.至（“.2”，0.8{
y:-6，
不透明度：1，
轮调：-45，
ease:Expo.easeInOut，
延迟：-0.8
});
t1.至（“.菜单”，2{
顶部：“0%”，
ease:Expo.easeInOut，
延迟：-2
});
t1.从（“.menu ul li”，2{
x:-200，
不透明度：0，
ease:Expo.easeOut
}, 0.3);
t1.反向（）；
$（文档）.on（“单击“，”.toggle btn”，函数（）{
t1.反向（！t1.反向（））；
$（“span.one”）.toggleClass（“颜色变化”）；
$（“span.two”）.toggleClass（“颜色变化”）；
});
baguetteBox.run（“.grid gallery”{
动画：“slideIn”
});

感谢您的快速回复。为我工作，接受你的回答！