我有一个用户点击图像以显示 div 的工作概念。
我使用javascript:void(0);
andonclick="showElem('div40');"
来打开和关闭 div
我在这里有一个 jsFiddle:http: //jsfiddle.net/dillon/M4t5Q/
我想要的是一次只允许一个 div 打开。因此,如果其中一个 div 已打开,则单击另一个 div 时它将关闭。
我自己无法找到解决方案,所以我希望得到任何帮助。
我有一个用户点击图像以显示 div 的工作概念。
我使用javascript:void(0);
andonclick="showElem('div40');"
来打开和关闭 div
我在这里有一个 jsFiddle:http: //jsfiddle.net/dillon/M4t5Q/
我想要的是一次只允许一个 div 打开。因此,如果其中一个 div 已打开,则单击另一个 div 时它将关闭。
我自己无法找到解决方案,所以我希望得到任何帮助。
最简单的解决方案就是进行修改showElem
,以便div
在打开活动的之前关闭所有可能的 open 。
要隐藏所有当前打开的 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/