JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<div class="counter-block">
  <div class="counter-item">
  </div>
  <div class="counter-item">
  </div>
  <div class="counter-item">
  </div>
  <div class="counter-item">
  </div>
  <div class="counter-item">
  </div>
  <button class="custom-button">Click
  </button>
</div>

CSS

.counter-block {
  background: #ccc;
  height: 500px;
}

.counter-item {
  background: red;
  height: 50px;
  margin-bottom: 10px;
}
.custom-button {
  
}

JavaScript

$('.counter-block').each(function() {
  var number = $('.counter-item').length;
  if (number < 4) {
    $('.counter-block .custom-button').hide();
  } else {
    for (var number = $('.counter-item').length; number - 3 >= 0; --number) {
      $('.counter-item:eq(number)').hide();
    }


  }

});