纯javascript仅使用data getAttribute切换一次以进行比较

我有一些问题，我不明白为什么它不切换，当我点击按钮时，它只切换一次。。。？我不能隐藏元素！！！它应该如何工作在第一个按钮上它显示元素再次单击隐藏元素

//捷径
功能$（e）
{
返回文件。查询选择器（e）；
}
函数$$（e）
{
返回文件。查询选择全部（e）；
}
//所有元素都带有切换选项类
变量切换=$$（“.toggle选项”）；
//使用类切换选项将EventListener添加到所有按钮
对于（变量i=0；i

。搜索栏{
高度：50px；
宽度：50px；
背景色：红色；
}
.添加任务栏{
高度：50px；
宽度：50px；
背景颜色：蓝色；
}
.隐藏{
显示：无；
}

搜索
添加任务

更改

hidden = $$(".hidden")

到

---

由于类“hidden”被删除，它将不再工作（但它仍然具有类“option”）

您正试图通过

获取元素。hidden

类将被切换，但由于hidden类已被切换，因此将永远不会有包含

的元素。hidden

类将被检索。您应该使用一个公共的固定类访问这些元素，该类恰好是

选项

类。因此，更改行

hidden=$$（“.hidden”）到
隐藏=$$（“.option”）

此外，通过dataset API访问数据属性更容易、更快。请参阅下面的代码


函数$$（e）{
返回文件。查询选择全部（e）；
}
//所有元素都带有切换选项类
变量切换=$$（“.toggle选项”）；
//使用类切换选项将EventListener添加到所有按钮
对于（变量i=0；i

。搜索栏{
高度：50px；
宽度：50px；
背景色：红色；
}
.添加任务栏{
高度：50px；
宽度：50px；
背景颜色：蓝色；
}
.隐藏{
显示：无；
}
搜索
添加任务
请花些时间修正错误。Thx night coding xD xD xD xD xD xD xD xD您能帮我解释一下，如果我点击元素priwius elment关闭，我需要做些什么吗？您能更具体地说明一下您的意思吗？如果您点击不同的按钮，请在点击时显示一个元素并隐藏另一个元素！如果一个元素是opend，我点击另一个按钮，opend元素关闭，新元素打开！它在这里工作：-当一个框可见而另一个框出现时，可见框消失。
hidden = $$(".option")