@prevo

Как реализовать разные раздвижные панели при клике на картинку?

При клике на картинку всплывают панели с двух сторон. Как сделать разные блоки при клике на разные картинки, пример. У меня получается только при клике на первую картинку, не силен в JS

60e2d70fdb847218883056.jpeg

60e2d71be6054636764642.jpeg

JS
$('.open-content').click(function() 
{
        if(!$('.portfolio__item').hasClass('open-box'))
        {
            $('.portfolio__item').addClass('open-box');
            $('.block-3').addClass('open-box');
            setTimeout(function(){$('.block-4').addClass('open-box')}, 100);
            setTimeout(function(){$('.portfolio-closebutton').addClass('open-box')}, 500);
            
        }
        else
        {
            $('.portfolio__item').removeClass('open-box');
            setTimeout(function(){$('.block-3').removeClass('open-box')}, 300);
            setTimeout(function(){$('.block-4').removeClass('open-box')}, 300);
            setTimeout(function(){$('.portfolio-closebutton').removeClass('open-box')}, 600);
        }
});
  • Вопрос задан
  • 59 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы