切換按鈕按類隱藏其他元素

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就會打開或關閉。