使用onclick=";的Javascript打开/关闭div;肖维伦

使用onclick=";的Javascript打开/关闭div;肖维伦,javascript,html,Javascript,Html,我有一个工作的概念,用户点击图像显示一个div 我使用javascript:void(0)和onclick=“showElem('div40');”打开和关闭div 我这里有一个JSFIDLE: 我想要的是一次只允许打开一个div。因此,如果其中一个div处于打开状态,则当单击另一个div时,它将关闭 我自己想不出一个解决方案,所以我希望得到任何帮助。最简单的解决方案就是修改showlem,以便在打开活动分区之前关闭所有可能打开的div。最简单的解决方案就是修改showlem,从而关闭所有可能打

我有一个工作的概念,用户点击图像显示一个div

我使用
javascript:void(0)
onclick=“showElem('div40');”
打开和关闭div

我这里有一个JSFIDLE:

我想要的是一次只允许打开一个div。因此,如果其中一个div处于打开状态,则当单击另一个div时,它将关闭


我自己想不出一个解决方案,所以我希望得到任何帮助。

最简单的解决方案就是修改
showlem
,以便在打开活动分区之前关闭所有可能打开的
div

最简单的解决方案就是修改
showlem
,从而关闭所有可能打开的分区。

最简单的解决方案就是修改
showlem
div
s,然后再打开活动div。

要隐藏所有当前打开的div,可以使用:

// close all other DIVs with class 'show'
var currentlyShown = document.getElementsByClassName('show');
for(var i in currentlyShown) {
    currentlyShown[i].className = 'hide';
}

Demo

要隐藏所有当前打开的div,可以使用:

// close all other DIVs with class 'show'
var currentlyShown = document.getElementsByClassName('show');
for(var i in currentlyShown) {
    currentlyShown[i].className = 'hide';
}

演示

我对修改那些东西不太熟悉,你能告诉我一个有帮助的方向吗?我很感激您在第二次单击时关闭了每个div,因此您已经拥有了可以修改和推断的代码和专业知识。在显示当前元素之前,只需添加您要添加的代码以隐藏其他元素。我不太熟悉修改这些内容,您能为我指出一个有帮助的方向吗?我很感激您在第二次单击时关闭了每个div,因此您已经拥有了可以修改和推断的代码和专业知识。在显示当前元素之前,只需添加代码以隐藏其他元素。