Скрыть элементы после 3-го по порядку

[WhatIsHTML]

Вот такая простая структура. Идея в том, чтобы на странице показывалось только 3 элемента. Остальные, если они есть, подгружались при нажатии на кнопку.

https://jsfiddle.net/vk1zuajm/2/

 

На данный момент завис на том, что элементы после 3-го не прячутся. eq() принимает целые числа, number - целое число. Почему не работает так как надо?

[Николя223]

shitcode detected 

https://jsfiddle.net/vk1zuajm/4/

вообще это на php скрывайте

 

$('.counter-block').each(function() {
  
  //зачем ищете все элементы? вам только внутренние нужны
  
  var number = $('.counter-item').length;
  if (number < 4) {
    $('.counter-block .custom-button').hide();
  } else {
    
    // зачем вам for? есть удобный each
    // Ну че это такое O_o
    // Массивы начинаются с 0!! и number должен быть  $('.counter-item').length - 1
    
    for (var number = $('.counter-item').length; number - 3 >= 0; --number) {
      //Почему переменная как строка?
      $('.counter-item:eq(number)').hide();
    } 
    
  }

});

 

[by chris]

@WhatIsHTML, https://jsfiddle.net/vk1zuajm/5/