savoir plus avec slice dinamique div

Bonjour , j'ai des elements qui sont classés par catégorie ,Je voudrais que lorsque je clique sur le bouton " voirs plus" afficher les elements par slice .En début cliquer "savor plus " , afficher 2 elements , puis cliquer savoir plus de nouveau , afficher par 2 ,
Note , le slice se fait sur les éléments hidden de chaque catégorie

$(document).ready(function() {
$('.show-less').hide();
$(".show-more").click(function() {
$('.show-block').toggleClass('show-block hide-block').toggle();
$(this).prev().find('.hide-block').slice(0, 2).toggleClass('hide-block show-block').css({
"display": "block",
visibility: 'visible'
});
$('.show-less').show();
});
$(".show-less").click(function() {
$('.show-block').toggleClass('show-block hide-block').toggle();
$('.show-more').show();
$(this).hide();
});
})

Ce que je veux

Je veux à chaque clique saboir plus afficher div par 2 dépendant de longeur de div
Ce que j'obtiens

le slice se fonctionne une seule fois mème si la longeur de div n'est pas atteint