Javascript 下拉导航菜单隐藏所有页面内容

我已经在CSS中创建了一个下拉导航菜单。当我点击它时，它会完全隐藏页面内容。我希望它不是隐藏页面内容，而是向下推页面内容，或者下拉菜单应该位于页面内容的前端

$（“.menu toggle btn”）。单击（函数（）{
$（此）.toggleClass（“fa时间”）；
$（“.navigation menu”）.toggleClass（“活动”）；
});

正文{
/*字体系列：Calibri！重要*/
字体系列：ProximaNova、Arial、无衬线字体；
边际：0.2px；
填充：0；
文字装饰：无；
字体大小：12px；
/*最大宽度：100%*/
溢出x：隐藏；
}
标题{
高度：45px；
背景：#008269；
边缘底部：2px；
}
.内宽{
最大宽度：100%；
/*填充：0 10px*/
保证金：自动；
}
.导航菜单{
浮动：左；
显示器：flex；
对齐项目：居中；
最小高度：45px；
}
.导航菜单a{
/*左边距：10px*/
颜色：#fff；
文本转换：大写；
字体大小：14px；
填充：1%10%；
边界半径：4px；
过渡：3s线性；
字号：700；
文字装饰：无；
}
.导航菜单a：悬停{
背景：#fff；
颜色：#2f3640；
转换：比例（1.1）；
文字装饰：无；
}
.导航菜单一{
右边距：8px；
字体大小：16px；
}
.菜单切换btn{
浮动：对；
高度：20px；
线高：20px！重要；
颜色：#fff；
字号：26px；
显示：无！重要；
光标：指针；
}
@媒体屏幕和屏幕（最大宽度：1500px）{
.菜单切换btn{
显示：块！重要；
边缘顶端：13px；
右边距：13px；
}
.导航菜单{
位置：中心；
宽度：100%；
身高：100%；
/*最大宽度：100%*/
背景：#008269；
顶部：45px；
右：0；
显示：无；
/*填充：20px 40px*/
框大小：边框框；
}
.导航菜单：：之前{
内容：“；
左边框：10px实心透明；
右边框：10px实心透明；
边框底部：10px实心#172b4d；
位置：绝对位置；
顶部：-10px；
右：10px；
}
.导航菜单a{
显示：块；
利润率：10px0；
}
.navigation-menu.active{
显示：块；
}
}

响应式下拉导航
$（“.menu toggle btn”）。单击（函数（）{
$（此）.toggleClass（“fa时间”）；
$（“.navigation menu”）.toggleClass（“活动”）；
});

我添加了

浮动：左在包装内容div元素上


$（“.menu toggle btn”）。单击（函数（）{
$（此）.toggleClass（“fa时间”）；
$（“.navigation menu”）.toggleClass（“活动”）；
});
正文{
/*字体系列：Calibri！重要*/
字体系列：ProximaNova、Arial、无衬线字体；
边际：0.2px；
填充：0；
文字装饰：无；
字体大小：12px；
/*最大宽度：100%*/
溢出x：隐藏；
}
标题{
高度：45px；
背景：#008269；
边缘底部：2px；
}
.内宽{
最大宽度：100%；
/*填充：0 10px*/
保证金：自动；
}
.导航菜单{
浮动：左；
显示器：flex；
对齐项目：居中；
最小高度：45px；
}
.导航菜单a{
/*左边距：10px*/
颜色：#fff；
文本转换：大写；
字体大小：14px；
填充：1%10%；
边界半径：4px；
过渡：3s线性；
字号：700；
文字装饰：无；
}
.导航菜单a：悬停{
背景：#fff；
颜色：#2f3640；
转换：比例（1.1）；
文字装饰：无；
}
.导航菜单一{
右边距：8px；
字体大小：16px；
}
.菜单切换btn{
浮动：对；
高度：20px；
线高：20px！重要；
颜色：#fff；
字号：26px；
显示：无！重要；
光标：指针；
}
@媒体屏幕和屏幕（最大宽度：1500px）{
.菜单切换btn{
显示：块！重要；
边缘顶端：13px；
右边距：13px；
}
.导航菜单{
位置：中心；
宽度：100%；
身高：100%；
/*最大宽度：100%*/
背景：#008269；
顶部：45px；
右：0；
显示：无；
/*填充：20px 40px*/
框大小：边框框；
}
.导航菜单：：之前{
内容：“；
左边框：10px实心透明；
右边框：10px实心透明；
边框底部：10px实心#172b4d；
位置：绝对位置；
顶部：-10px；
右：10px；
}
.导航菜单a{
显示：块；
利润率：10px0；
}
.navigation-menu.active{
显示：块；
}
}

Lorem ipsum dolor，坐在amet Concertetur Adipising Elite的位子上。如果真的不需要重新获得尊严，就需要暂时性的铜，那么非官方的解决方案是否是罪魁祸首？


我的同僚们都是精英。这是一只大白鲨。自由主义者的脸，被认为是驱避者的脸，被认为是神圣的脸。我的同僚们都是精英。胎膜破裂会腐蚀皮肤溶液，胎膜破裂会破坏面部静脉。我们是否有责任承担所有人的责任？