Как открыть новое изображение (то же окно) при нажатии на аккордеон панели индивидуальный id

У меня есть bootstrap аккордеон на правой стороне, и изображение на левой стороне панели. Есть ли возможность изменить изображение слева при нажатии на аккордеон панель individual id, используя jquery или я должен использовать ajax в сочетании с jquery?

Я буду иметь 6 различных изображений, которые должны быть изменены в зависимости от индивидуального id панели нажмите

http://www.bootply.com/x3c7c8CdJr#

1 ответ

    1. Вы не должны использовать AJAX.
    2. В следующий раз, пожалуйста, попробуйте сделать что-то и представить свой код.

    JS:

    $('.accordion__content').on('show.bs.collapse', function () {
      $('.so-widget-image').attr('src', $(this).attr('data-src'));
    });
    
    1. Добавьте data-srcатрибут на складную панель divs со ссылкой на изображение.

    2. Я вижу, что у вас есть атрибут srcset в вашем образе, вы должны избавиться от этого или изменить также Этот атрибут.

    ПРИМЕР CODEPEN