<!-- МОДАЛЬНОЕ ОКНО--> <div class="modal-wrapper"> <div class="head"></div> <div class="modal"> <div class="content"> <div class="good-job"> <p style="padding: 20px 0 0;color: black;margin: 0;font-size: 15px;">ОСТАВЬТЕ ЗАЯВКУ НА РЕМОНТ<br>И НАШ МЕНЕДЖЕР С ВАМИ СВЯЖЕМСЯ<br>В БЛИЖАЙШЕЕ ВРЕМЯ</p> <div class="text"> <form class="form_modal_window" action=""> <p style="color: black;">Ваше имя</p> <input type="text" name="name" placeholder="например: Сергей" required> <p style="color: black;">Ваш телефон</p> <input type="phone" name="phone" placeholder="напиример: +79009009090" required> <input type="text" name="comm" placeholder="Комментарий(необязательно)" required> <input class="form_sub" name="sub" type="submit" value="ОТПРАВИТЬ"> </form>
$( document ).ready(function() { $('.trigger').on('click', function() { $('.modal-wrapper').toggleClass('open'); $('.page-wrapper').toggleClass('blur-it'); return false; }); $('.head').on('click', function (){ $('.modal-wrapper').removeClass('open'); }) });