Как сделать если я выбираю хотя бы 1 чекбокс то показывается div с кнопкой или кликаю еще по одному чекбоксу кнопка все еще висит,а если убираю все галочки то и div с кнопкой пропадет

подскажите что тут изменить а то щас выбираю все - кнопка появляется потом убираю галочку с одного любого и кнопка пропадает

<script type="text/javascript">
  function showOrHide(bloggood, cat) {
    bloggood = document.getElementById(bloggood);
    cat = document.getElementById(cat);
    if (bloggood.checked) cat.style.display = "block";
    else cat.style.display = "none";
  }
</script>

<input type = 'checkbox' id = 'bloggood1' onchange = 'showOrHide("bloggood1", "cat4");'/>
  <br />
  
  
  <input type = 'checkbox' id = 'bloggood2' onchange = 'showOrHide("bloggood2", "cat4");' />
  <br />
  
  
  <input type = 'checkbox' id = 'bloggood3' onchange = 'showOrHide("bloggood3", "cat4");' />
  <br />
 
  
  <input type = 'checkbox' id = 'bloggood4' onchange = 'showOrHide("bloggood4", "cat4");' />
  <br />
  
  
  <div id = 'cat4' style = 'display: none;'>кнопка</div>