Не срабатывает модальное окно, как можно исправить?

Question

[kentos]

Здравствуйте, не работает модальное окно, в чём может быть проблема?

<a id="form-modal-1" class="spoiler_links" href="#">Заполнить реквизиты для договора</a>

                <div class="mechanism-modal form-modal-1" style="display: none; top: 0px;">
                        <div class="btn-close">
                            <span></span>
                            <span></span>
                        </div>
                        <div class="container">
                            <div class="form-container-1">
                                <h1>Документы для заключения договора</h1>
                                <div id="form-modal-1" class="form__modal">
                                <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSeDW9E78miwpoIlX07XbnjFJCbuDhWLe85mDkOtJWKLMZIH-w/viewform?embedded=true" width="640" height="2102" frameborder="0" marginheight="0" marginwidth="0">Загружаем..</iframe>
                                </div>
                            </div>
                        </div>
                    </div>

jQuery('body').on('click', '#form-modal-1', function() {
+      $(".form-modal-1").show().css("top", 0);
+		});

Answer 1

[Lam Besis]

У вас id="form-modal-1" задан и ссылке и форме

Comments

[kentos]

А как вызвать тогда окно?

[Lam Besis]

kentos,
Поправьте вот так:.

<a id="form-modal-1" class="spoiler_links" href="#">Заполнить реквизиты для договора</a>
<div class="form-container-1">
     <h1>Документы для заключения договора</h1>
      <div class="form__modal_1"> ...  </div>
</div>

[kentos]

Lam Besis, Не выходит(

[Lam Besis]

сорри, ошиблась, вот так:

<a id="form-modal-1" class="spoiler_links" href="#">Заполнить реквизиты для договора</a>
<div class="form-container-1">
     <h1>Документы для заключения договора</h1>
      <div class="form-modal-1"> ...  </div>
</div>

Answer 2

[Хороший UI]

Я скопировал ваш код, всё работает. Какая у вас ошибка в консоли?
jquery подключен ДО этого кода?

Comments

[kentos]

Возможно с jquery трабл, а как кго подключить в пхп файле?

[Хороший UI]

у вас пхп наверно в перемешку с html, выводите как обычный скрипт, в теге script, только подключите ДО файла в котором функция модального окна

[kentos]

Верстальщик Ваш, а если в другом файле, такое же окно, но там не видно что подключали jquery, то окно тоже работает

[Хороший UI]

kentos, я так не понимаю, надо смотреть на ошибки в логах