javascript - 打开和关闭多个 div(几乎可以工作)

Question

我有这个:

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 是我想在你点击图表时显示或隐藏的缩略图

代码有效，当我点击按钮时它们会显示，但我无法通过再次点击找到隐藏它们的代码。

Answer 1

不是按 id 设置样式，而是按类设置样式:

.hiddenThumbnail {
    display:none;
}

然后将 hiddenThumbnail 类应用于这两个元素并从中删除。这使您的 css 代码更小，并使所有内容通常更易于维护。 See this excellent answer有关如何修改类的指南。

或者，使用类似 YUI 的库这样做(我相信 jquery 也有类似的功能)。