@freeman0204

Одна анимация для всех pop-up как?

https://codepen.io/freeman0204/pen/NapeRe есть несколько pop-up(сам делал) они расположены в разных частях сайта и у них разные родители. Нужно сделать так что бы не обращаться к каждому pop-up поп id что бы закрыть его или открыть. Как написать один скрипт для всех? У меня то работает но нужно код копировать один и тот же.
  • Вопрос задан
  • 718 просмотров
Решения вопроса 1
SuperToster
@SuperToster
Можно и несколько попапов на одной странице. Обращаться к ним с помощью дата атрибута.

.popup {
  display:none
}

$(document).ready(function() {
  $(".js-popup-trigger").click(function() {
    $($(this).data("target")).css({
      "display": "block"
    });
  });
});

<button class="js-popup-trigger" data-target=".js-popup-one">call #1</button>
<button class="js-popup-trigger" data-target=".js-popup-two">call #2</button>
<button class="js-popup-trigger" data-target=".js-popup-three">call #3</button>

<div class="popup js-popup-one">popup #1</div>
<div class="popup js-popup-two">popup #2</div>
<div class="popup js-popup-three">popup #3</div>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы