Javascript 基于类名的dojo切换div

我想通过单击标题来切换容器中的内容div。该站点使用DOJO

我这里有一个JSFIDLE：

我希望同一类的所有容器都有这种行为。我知道如何在jquery中实现这一点，但不知道如何在dojo中实现这一点

这是我的标题
这是我的邮件的内容，默认情况下应该隐藏，并通过单击标题进行切换。

这是您小提琴上的固定代码：

require（[“dojo/query”、“dojo/dom”、“dojo/dom类”、“dojo/on”、“dojo/domReady！”），
函数（查询、dom、domClass、on）{
查询（“.container”）.forEach（函数（节点）{
var头，内容；
header=node.getElementsByClassName（“header”）[0]；
content=node.getElementsByClassName（“内容”）[0]；
打开（标题“单击”，函数（）{
domClass.contains（内容“隐藏”）？domClass.replace（内容“显示”、“隐藏”）：
替换（内容，“隐藏”、“显示”）；
});
})
});
.foo{
/*添加自定义css*/
}
.集装箱{
显示：块；
宽度：200px；
边框：1px纯黑；
}
.容器.标题{
背景颜色：灰色；
}
.隐藏{
显示：无；
}
.表演{
显示：块；
}

在此处添加标记
这是我的标题
这是我的邮件的内容，默认情况下应该隐藏，并通过单击标题进行切换。
这里是需要相同行为的第二个容器
这是我的航向2
以及其他一些应该隐藏的内容。
thx，差不多了。在同一个容器中，只有隐藏的应用于.header，而不是.content。之前我刚刚修复了您的代码，以便正确查询dom元素并为其分配事件。我已经用另一个建议更新了代码——查询父元素。