javascript - 切换类或可见性

Question

我使用此代码来切换类的可见性，但一旦隐藏，元素就不会再次变得可见。看我的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);
        }
    };
})();

Answer 1

问题是 item-all 是 item-01、item-02 和 item-03< 的容器。如果您想在 item-all 隐藏时显示 item-01，则必须使其再次可见。

根据您的代码和 HTML 的选项将使用

toggle_visibility('iconMap-3');

而不是

toggle_visibility('item-all');

DEMO