Я довольно новичок в JS.
На веб-сайте Jquery Modal говорится, что нужно добавить
$("#fade").modal({
fadeDuration: 100
});
, чтобы плавно увеличивать / уменьшать размер модалов.
У меня есть куча модалов. Как настроить таргетинг на всех из них так, чтобы у них было поведение постепенного появления / исчезновения. В приведенном выше примере вы можете сделать только одно за один раз , и мне нужно написать как 5+ операторов, как в примере. Какой правильный способ сделать так, чтобы все модалы имели одинаковое поведение.
Вот мой html:
<!-- Modal buttons -->
<a class="some-class" href="#modalOne" rel="modal:open">Modal 1</a>
<a class="some-class" href="#modalTwo" rel="modal:open">Modal 2</a>
<a class="some-class" href="#modalThree" rel="modal:open">Modal 3</a>
<a class="some-class" href="#modalFour" rel="modal:open">Modal 4</a>
<a class="some-class" href="#modalFive" rel="modal:open">Modal 5</a>
<!-- Modal content -->
<div class="modal" id="modalOne"><p>text text text</p></div>
<div class="modal" id="modalTwo"><p>text text text</p></div>
<div class="modal" id="modalThree"><p>text text text</p></div>
<div class="modal" id="modalFour"><p>text text text</p></div>
<div class="modal" id="modalFive"><p>text text text</p></div>