Javascript 如何在按钮上方显示切换选项卡

当我点击复选框2，然后在添加新按钮上方显示导航选项卡时，我想尝试下面的代码

但在我现在的代码中，当我单击颜色复选框时，按钮上方不显示选项卡

当我点击复选框“颜色”时，我会尝试在添加新按钮上方设置或显示导航选项卡

请签入我的以下代码

这方面的任何帮助都是非常感谢的

参考链接快照是我努力实现的目标

当我点击复选框1，然后显示添加新按钮，然后点击复选框2，它的红-绿-蓝选项卡显示在新按钮的位置上，新按钮在红-绿-蓝切换后向下显示时，我尝试实现这一点

函数添加日期（e）{
document.getElementById（e.value）.style.display=e.checked？“首字母”：“无”；
}

.container-2{
显示：flex}

1.
2.
3.
4.
5.
6.
7.








新增


















红色


绿色


蓝色
测试
一些内容4
一些内容5
一些内容
一些内容

请任何人帮我解决这个问题？你找到这个问题的答案了吗？