Показать сообщение отдельно
  #3 (permalink)  
Старый 07.12.2022, 21:42
Интересующийся
Отправить личное сообщение для sochi-russia Посмотреть профиль Найти все сообщения от sochi-russia
 
Регистрация: 24.11.2014
Сообщений: 23

Сообщение от 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--;
        }
    });     
})


Но вообще это извращение каждому элементу давать класс с номером
Спасибо огромнейшее!!!
Ответить с цитированием