我使用此代码来切换类的可见性,但一旦隐藏,元素就不会再次变得可见。看我的demo 。单击“1”,然后单击“全部”以隐藏并显示所有项目。
var toggle_visibility = (function() {
function toggle(cl) {
var els = document.getElementsByClassName(cl);
for(var i=0; i<els.length; ++i) {
var s = els[i].style;
s.display = s.display==='none' ? 'inline-block' : 'none';
};
}
return function(cl) {
if (cl instanceof Array) {
for(var i=0; i<cl.length; ++i) {
toggle(cl[i]);
}
}
else {
toggle(cl);
}
};
})();
最佳答案
问题是 item-all
是 item-01
、item-02
和 item-03< 的容器
。如果您想在 item-all
隐藏时显示 item-01
,则必须使其再次可见。
根据您的代码和 HTML 的选项将使用
toggle_visibility('iconMap-3');
而不是
toggle_visibility('item-all');
关于javascript - 切换类或可见性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24705770/