javascript - 切换按钮按类别隐藏其他元素

Question

我正在尝试实现一个过滤器，通过类名隐藏其他 div。 到目前为止，我有以下代码，不幸的是它不起作用。 请帮助我，谢谢!!!

<button id="toggle">Toggle</button>
<div class="text to-filter">Lorem ipsum dolor sit amet.</div>
<div class="text not-to-filter">Lorem ipsum dolor sit amet.</div>

<script>
 var button = document.getElementById('toggle'),
 text = Array.document.getElementsByClassName("text");
 button.onclick = function() {
   var isHidden = texts.style.display == 'none';
   text.forEach(function(){
    style.display = isHidden ? 'block' : 'none';
   });
 };
</script>

Answer 1

这是一个 JavaScript 版本。

向按钮添加“onclick=toggleDiv()”属性，然后，

function toggleDiv() {
    var text = document.getElementsByClassName("text");
    for (var i = 0; i < text.length; i++) {
        var status = text[i].style.display;
        text[i].style.display = (status=="" || status=="block") ? "none":"block";
    };
}

单击按钮时，所有“文本”类 div 将打开或关闭。