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

Question

我有一个工作概念，即用户点击图片以显示div。

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

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

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

我自己想不出解决方案，所以我很乐意提供帮助。

Answer 1

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

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/