Javascript Html：在同一空间中保留多个单击事件

我有多个点击事件，点击时需要占用相同的空间，因此只有一个显示，点击时出现的框始终显示在相同的位置。我的问题是，只有我写的第一个框显示在所需的区域中，而另一个框即使使用相同的代码也会四处散开

---

您的问题在于HTML标记。如果您查看HTML，在box1的末尾，您将结束“descbox”div。这意味着所有剩余的“box”div都在“descbox”div之外

这是你的问题。。。。你需要这条线：

<div id="box" class="hidden">Description</div></div>

---

请看这里，您有两个

代码片段

，但都不起作用。谢谢！如果单击了新的复选框，是否有办法使其松开？没问题，我添加了一个关于取消隐藏功能工作方式的编辑。这是未经测试的，所以如果有任何问题，我道歉。他们不会再出现了，但我会看看我能做些什么。谢谢你的帮助：）对不起，我错过了代码的更新。我再次编辑了答案以反映我的变化。试试那个更新。如果这不起作用，那么我会在谷歌上搜索一种好的方法来完成您试图使用javascript完成的任务。

<div id="box" class="hidden">Description</div>

function unhide(divID){
    var visibleItems = document.getElementsByClassName('unhidden');
    visibleItems[0].className = 'hidden';
    var item = document.getElementById(divID);
    if (item) {
        item.className=(item.className=='hidden')?'unhidden':'hidden';
    }
}