Javascript open/close div using onclick="showElem

Question

我有一个工作概念的用户单击图像以显示Div。

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

我在这里有一个jsfiddle：http：//jsfiddle.net/dillon/m4t5q/

我想要的是一次只允许一个Div打开。因此，如果一个DIV是打开的，则在单击另一个DIV。

时将关闭。

我一个人都找不到解决方案，所以我会喜欢任何帮助。

Answer 1

最简单的解决方案将只是修改showElem，以便在打开活动之前，它可能关闭所有可能打开div s。

Answer 2

隐藏所有当前打开的divs，您可以使用：

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

演示：http：//jsfiddle.net/m4t5q/3/