打开和关闭多个div(几乎正常工作)
打开和关闭多个div(几乎正常工作)
提问于 2013-01-31 02:03:36
我有这个：
function toggleCharts() {
var x, divArray = ["item_4746983", "item_4491867"];
for (x in divArray) {
if (x) {
document.getElementById(divArray[x]).style.display = 'block';
}
}
<button onClick="toggleCharts();">Charts</button>还有这个：
#item_4746983 {
display:none;
}
#item_4491867 {
display:none;
}item_4746983和item_4491867是我希望在单击图表时显示或隐藏的缩略图
代码可以工作，当我单击按钮时，它们就会显示出来，但我不能通过再次单击它来找出隐藏它们的代码。
回答 3
Stack Overflow用户
发布于 2013-01-31 02:12:52
不是按id设置样式，而是按类设置样式：
.hiddenThumbnail {
display:none;
}然后，将hiddenThumbnail类应用于这两个项，并从中删除该类。这使得您的css代码更小，并且通常使所有内容更易于维护。See this excellent answer获取有关如何修改类的指南。
或者，使用像YUI这样的库来完成(我相信jquery也有类似的功能)。
Stack Overflow用户
发布于 2013-01-31 02:11:53
检查div是否已经显示，并更改显示。下面的代码应该可以工作。
var div = document.getElementById(divArray[x])
var shown = div.style.display;
if ("block" == shown) {
div.style.display = none;
} else {
div.style.display = block;
}这里有一个链接，它显示了做你想做的事情的各种方法：http://www.dustindiaz.com/seven-togglers/
Stack Overflow用户
发布于 2013-01-31 02:12:46
。
function toggleCharts() {
var divArray = ["item_4746983", "item_4491867"], i, ele;
for (i=0; i < divArray.length; i++) {
ele = document.getElementById(divArray[i]);
ele.style.display = ele.style.display === 'block' ? 'none' : 'block';
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14617277
复制
相似问题
切换jQuery div以打开和关闭不能正常工作的
每页多个图库-几乎可以正常工作
Imageshack API几乎正常工作
JQuery -多个div独立打开/关闭
actionscript打开/关闭声音不能正常工作
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
