[voraa]

Как то так

$(document).ready(function(){
	const numproducts = 5
    let counter = 2; // for product 2
     
    $(".next").click(function(){
        if(counter < numproducts)
        {
            $(`.product${counter}`).fadeOut(500);
            $(`.product${counter+1}`).fadeIn(500);
            $(`.h${counter}`).animate({top:"-30%"});
            $(`.h${counter+1}`).animate({top:"50%"});
            counter ++;
        }
    });
     
    $(".pre").click(function(){
        if(counter > 1)
        {
            $(`.product${counter}`).fadeOut(500);
            $(`.product${counter-1}`).fadeIn(500);
            $(`.h${counter-1}`).animate({top:"50%"});
            $(`.h${counter}`).animate({top:"130%"});
            counter--;
        }
    });     
})

Но вообще это извращение каждому элементу давать класс с номером