Javascript打开/关闭div使用onclick =“showElem

Question

我有一个用户点击图片的工作概念来显示div。

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

我在这里有一个jsFiddle：http://jsfiddle.net/dillon/M4t5Q/

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

我无法自己找出解决方案，所以我会很乐意帮助。

Answer 1

最简单的解决方案就是修改showElem，以便在打开活动的div之前关闭所有可能的{{1}}。

Answer 2

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

// 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/