подскажите пожалуйста, как вызывать разные модальные окна? То-есть стилизация модального окна одна, а содержимое будет разное. Например модальное окно №1 "Узнайте стоимость проекта" , окно №2 "Закажите обратный звонок".
Кнопки вызова окна
<a href="javascript:" class="get-bg_btn open-modal">Стоимость проекта</a>
<a href="javascript:" class="get-bg_btn open-modal">Обратный звонок</a>
Разметка модального окна
<div class="modal-overlay">
<div class="modal">
<a class="close-modal">
<svg viewBox="0 0 20 20">
<path fill="#ffffff" d="M15.898,4.045c-0.271-0.272-0.713-0.272-0.986,0l-4.71,4.711L5.493,4.045c-0.272-0.272-0.714-0.272-0.986,0s-0.272,0.714,0,0.986l4.709,4.711l-4.71,4.711c-0.272,0.271-0.272,0.713,0,0.986c0.136,0.136,0.314,0.203,0.492,0.203c0.179,0,0.357-0.067,0.493-0.203l4.711-4.711l4.71,4.711c0.137,0.136,0.314,0.203,0.494,0.203c0.178,0,0.355-0.067,0.492-0.203c0.273-0.273,0.273-0.715,0-0.986l-4.711-4.711l4.711-4.711C16.172,4.759,16.172,4.317,15.898,4.045z"></path>
</svg>
</a><!-- close modal -->
<div class="modal-content">
<div class="modal-header">
<h3>Закажите расчет стоимости проекта</h3>
<span>
и мы свяжемся с Вами в течении дня
</span>
</div>
<div class="contact-content">
</div>
</div><!-- content -->
</div><!-- modal -->
</div>
JavaScript код
var elements = $('.modal-overlay, .modal');
$('.open-modal').click(function(){
elements.addClass('active');
});
$('.close-modal').click(function(){
elements.removeClass('active');
$('iframe').attr('src', $('iframe').attr('src'));
});