Как то так
$(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--;
}
});
})
Но вообще это извращение каждому элементу давать класс с номером
|