Как отобразить в диалоговом окне контент зависящий от кнопки от которой оно открывается?

Question

[Андрей Решетов]

У меня есть слайдер, в нем находятся несколько кнопкок с картинками и есть одно диалоговое окно. Нужно отобразить контент в окне при нажатии, в зависимости от картинки и кнопки. Можно ли это сделать через javascript и как? Или надо для каждой кнопки свое окно? Помогите плз)

Answer 1

[Дима Долготер]

можно сделать)  я использую модалки бутстрапа. 
в слайдере так

<code lang="html">
<button id="con1" onclick="open1()">вызов первого  контента</button>
</code>
<code lang="javascript">
function open1(){
тут функция вызова модалки;

тут применение стилей display:block; к элементу с классом content_1;
}
</code>

в модалке должно быть так:

<style>
[class^="content_"] {
display: none;
}
</style>

<div class="content_1">bla bla bla</div>
<div class="content_2">bla bla bla</div>
<div class="content_3">bla bla bla</div>
<div class="content_4">bla bla bla</div>

Comments

[Андрей Решетов]

А дивы я так понимаю это контент находящийся в окне?

[Дима Долготер]

Андрей Решетов, да. скрыты по умолчанию но при клике видны становятся

[Андрей Решетов]

Дима Долготер, не прикол в чем. У меня уже есть все кнопки. Есть окно. Мне нужно сделать так, чтобы это окно было для всех кнопок. Просто при нажатии какой-либо из кнопок открывалось это окно и его содержимое зависело только от кнопки на которую я нажал. Так как если я буду делать для каждой кнопки свое окно код слишком огромный получится.

[Дима Долготер]

Андрей Решетов, так а я что написал. так и будет работать

[Дима Долготер]

Андрей Решетов, https://codepen.io/DimaDolgoter/pen/QQXPQo?editors=1010