1

подскажите как мне реализовать код на JavaScript чтобы модалка открывалась в зависимоит от кнопки. Если клик на кнопку доставка, то модалка с доставкой срабатывает и тд.

.modal {
display:none;
}
<a href="#" class="btn">Доставка</a>
<a href="#" class="btn">Оплата</a>
<a href="#" class="btn">Гарантия</a>

<div class="modal">Доставка</div>
<div class="modal">Оплата</div>
<div class="modal">Гарантия</div>

1
  • 1 - Задаем уникальные классы модалкам. 2 - Вешаем onClick: <a onClick="openPayModal" ...> 3 - В функции openPayModal ищем модалку по классу и меняем для нее стиль display
    – Ceri
    12 янв 2022 в 12:18

1 ответ 1

1

модалкам добавьте идентификаторы, а кнопкам через data-атрибуты укажите целевую модалку.

$(".btn").click(function(){
  let target = $(this).data('target');
  
  alert($(target).text());
});
.modal {
display:none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="#" class="btn" data-target="#delivery">Доставка</a>
<a href="#" class="btn" data-target="#payment">Оплата</a>
<a href="#" class="btn" data-target="#warranty">Гарантия</a>

<div class="modal" id="delivery">Доставка</div>
<div class="modal" id="payment">Оплата</div>
<div class="modal" id="warranty">Гарантия</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.