Loading...
(x)HTML/WML/CSS | Как сделать закрытие модального окна крестиком
Как сделать закрытие модального окна крестиком. подскажите
html
   <!-- МОДАЛЬНОЕ ОКНО-->              <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>   
javascript
   $( 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');   }) });   

________
посл. ред. 03.07.2020 в 10:20; всего 3 раз(а); by Nochnoi
Онлайн: 3
Время:
Gen. 0.07
(c) Bym.Guru 2010-2026