切换按钮按类隐藏其他元素

Question

我想实现一个按类名隐藏其他div的过滤器。 到目前为止，我有下面的代码，不幸的是不工作。 请帮我一把，THX !!!

<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

下面的代码将隐藏有类.to-filter当用户点击#toggle在第一时间的任何元件。当他们再次点击它时，它会再次显示元素。

$('#toggle').on('click', function() { 
    $('.to-filter').toggle(); 
}); 

Answer 2

这是一个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就会打开或关闭。