Показать список контента по 5 блоков

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
// подгрузка контента на главной
 
let items = document.querySelectorAll(".block_2_items_right .item");
let more = document.querySelector(".block_34_add_more");
let currentIndex = 5;
 
more.addEventListener("click", function() {
  for (let i = currentIndex; i < currentIndex + 5; i++) {
    if (i >= items.length) {
      more.style.display = 'none';
      break;
    }
    items[i].classList.remove("hide");
  }
 
  currentIndex += 5;
 
  if (currentIndex >= items.length) {
    currentIndex = 0;
  }
 
});

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<div class="block_2_items_right">
<a href="javascript:;" data-fancybox data-src="#order_form" class="item">Головная боль</a>
<a href="javascript:;" data-fancybox data-src="#order_form" class="item">Слабая концентрация</a>
<a href="javascript:;" data-fancybox data-src="#order_form" class="item">Замена звуков или слов</a>
<a href="javascript:;" data-fancybox data-src="#order_form" class="item">Заикание</a>
<a href="javascript:;" data-fancybox data-src="#order_form" class="item">Затруднения в адаптации</a>
<a href="javascript:;" data-fancybox data-src="#order_form" class="item hide">Движение головы</a>
<a href="javascript:;" data-fancybox data-src="#order_form" class="item hide">Ограниченные социальные навыки</a>
<a href="javascript:;" data-fancybox data-src="#order_form" class="item hide">Повышенная чувствительность</a>
<a href="javascript:;" data-fancybox data-src="#order_form" class="item hide">Сложности произноения звуков или слогов</a>
<a href="javascript:;" data-fancybox data-src="#order_form" class="item hide">Трудности в организации</a>
<a href="javascript:;" data-fancybox data-src="#order_form" class="item hide">Сложности в школе</a>
<a href="javascript:;" data-fancybox data-src="#order_form" class="item hide">Частые ошибки</a>
<a href="javascript:;" data-fancybox data-src="#order_form" class="item hide">Задержка развития речи</a>
<a href="javascript:;" data-fancybox data-src="#order_form" class="item hide">Спастические движения</a>
<a href="javascript:;" data-fancybox data-src="#order_form" class="item hide">Вырывания волос</a>
<a href="javascript:;" data-fancybox data-src="#order_form" class="item hide">Ограниченные и повторяющиеся интересы</a>
<a href="javascript:;" data-fancybox data-src="#order_form" class="item hide">Непроизвольное издавание звуков</a>
<a href="javascript:;" data-fancybox data-src="#order_form" class="item hide">Отсутствие эмоционального контакта</a>
</div>
<div class="block_34_add_more">Показать еще...</div>

PHP
1
2
3
.full_block_2 .item.hide {
display: none;
}