Html 从迭代循环中隐藏特定内容并在隐藏面板中显示

我这里有这个组件，我希望每当我点击显示隐藏div的div内容时，就会触发并显示隐藏表单。我已经这样做了，但现在我还需要隐藏触发隐藏div时显示的内容的div，并显示隐藏div来代替特定div，但不是在所有div下。所有其他内容应保持原样。有人能帮我吗？这是我的组件

---

对示例组件进行编辑。 找到下面发布的链接

您需要为每个项目添加一个标志，单击某个项目时，您需要将所有项目标志设置为false，并将特定项目标志设置为true

然后它就如预期的那样工作了

---

快乐编码：）

不，我想我不需要在这里添加标志。因为我只需要编辑内容。内容是动态的，所以用户可以添加多达10个包含标题、段落和图片的内容。所以我想，每当我点击第一段，隐藏面板将只在它下面打开，而不是在所有，而且内容将在文本框中显示，以便我可以编辑它并将其发送到API。至于隐藏以前的内容，我也需要答案