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

Question

[Igor Feren]

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





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);
        }
});

Comments

[Maly]

Не понятно чего вы хотите. Можете прояснит?

[Igor Feren]

Клик на первую картинку открываются 2 блока, клик на вторую - другие два блока, на третью - третьи 2 блока.