Javascript HTML页脚导航按钮

我是编码初学者，我试图实现这个页脚示例

这就是我所拥有的

我想要的是，当我点击主菜单时，它会隐藏链接，但我真的不知道怎么做，我甚至尝试了一些css的东西，但什么都没有，有人能帮我吗

这里还有来自页脚部分的带有css的站点html

HTML

/*主菜单按钮*/
.按钮{
背景色：黑色；
}
/*页脚*/
.网站页脚{
对齐项目：居中；
背景色：黑色；
填充：0px 0 20px；
字体大小：15px；
线高：24px；
}
.网站页脚人力资源{
边框顶部颜色：#bbb；
不透明度：0.5
}
.站点页脚hr.small{
利润率：20px 0
}
.网站页脚按钮{
颜色：#fff；
文本对齐：居中；
宽度：100%；
字母间距：5px；
字体大小：30px；
文本转换：大写；
边缘顶部：10px；
转化：translateX（3%）；
字号：18px；
字体系列：“Nunito”，无衬线；
边界：无；
光标：指针；
}
.网站页脚a{
颜色：白色；
}
.站点页脚a：悬停{
颜色：红色；
文字装饰：无；
}
.页脚链接{
左侧填充：0；
列表样式：无；
对齐项目：居中；
}
.页脚链接li{
显示：块；
文本对齐：居中；
颜色：红色；
}
.页脚链接a{
颜色：白色；
字母间距：2px；
字体系列：“Nunito”，无衬线；
文本转换：大写；
字体大小：13px；
}
.footer链接a:活动，.footer链接a:焦点，.footer链接a:悬停{
颜色：红色；
文字装饰：无；
}
.footer-links.inline li{
显示：内联块
}
.版权文本{
颜色：白色；
文本对齐：居中；
转化：translateX（3%）；
填充：20px；
字体系列：“Nunito”，无衬线；
字体大小：12px；
}

主菜单








©2020 samidraws

没有人想帮忙，但我自己找到了答案，我想做的是一个可折叠的页脚。其实很简单，我只对“显示：无”有问题，所以这是我的可折叠页脚：

var coll=document.getElementsByClassName（“可折叠”）；
var i；
对于（i=0；i

。可折叠{
背景色：黑色；
颜色：白色；
光标：指针；
填充：18px；
宽度：100%；
边界：无；
文本对齐：左对齐；
大纲：无；
字体大小：15px；
}
.可折叠：焦点{大纲：0；}
.内容{
填充：0 18px；
显示：无；
溢出：隐藏；
背景色：黑色；
}
/*页脚*/
.网站页脚{
背景色：黑色；
填充：0px 0 20px；
}
.页脚链接{
文本对齐：居中；
背景色：黑色；
字体大小：15px；
线高：24px；
}
.footer-links.hide{
文本对齐：居中；
背景色：黑色；
字体大小：15px；
线高：24px；
转换：translateX（0%）
}
.网站页脚人力资源{
边框顶部颜色：#bbb；
不透明度：0.5
}
.站点页脚hr.small{
利润率：20px 0
}
.网站页脚按钮{
颜色：#fff；
文本对齐：居中；
宽度：100%；
字母间距：5px；
字体大小：30px；
文本转换：大写；
边缘顶部：10px；
转化：translateX（3%）；
字号：18px；
字体系列：“Nunito”，无衬线；
边界：无；
光标：指针；
}
.网站页脚a{
颜色：白色；
}
.站点页脚a：悬停{
颜色：红色；
文字装饰：无；
}
.页脚链接li{
显示：块；
文本对齐：居中；
颜色：红色；
}
.页脚链接a{
颜色：白色；
字母间距：2px；
字体系列：“Nunito”，无衬线；
文本转换：大写；
字体大小：13px；
}
.footer链接a:活动，.footer链接a:焦点，.footer链接a:悬停{
颜色：红色；
文字装饰：无；
}
.footer-links.inline li{
显示：内联块
}
.版权文本{
颜色：白色；
文本对齐：居中；
转化：translateX（3%）；
填充：20px；
字体系列：“Nunito”，无衬线；
字体大小：12px；
}

萨米绘画
主菜单







©2020 samidraws

对于在这一阶段帮助你的人来说，他们基本上需要为你做这项工作，而这并不意味着什么。你需要一个更具体的问题。您了解javascript事件处理程序吗？您打算使用jQuery或其他框架，还是只使用纯javascript？如果您不知道onClick处理程序是什么，那么在准备发布问题之前，您可能需要做更多的研究。为了大致向您指出正确的方向，您需要一些javascript来处理主菜单上的单击事件，然后在处理程序中，您需要对要隐藏的项目设置一些样式或类。查看html脚本标记并创建一个js函数，当单击其他内容时，该函数将更改您的站点。如果你尝试了某件事，但无法使其发挥作用，请用你尝试过的内容更新你的帖子，人们可以从中获得帮助。