@neznaiaka

Метод отрабатывает один раз, приходится перезагружать страницу чтобы работало сново, почему?

Есть кнопка, при нажатии на которую присваивается класс с display block, работает только один раз, потом приходится перезагружать страницу, чтобы снова нажималось, в чем причина?
<div class="popup-window" id="popup">
                   <p class="poup-text">
                     Извините, онлайн-запись на эту услугу еще не работает. Пожалуйста, свяжитесь с нами.
                   </p>
                   <form action="#">
                     <button class="pop-up-btn">Ясно</button>
                 </form>
                </div>

.popup-window{
   display: none;
   width: 600px;
   height: 200px;
   background: #fff;
   padding: 50px;
   text-align: center;
   position: absolute;
   z-index:10;
   bottom:150px;
   left: 500px;
}
.pop-up-btn{
   background: #000;
   color:#fff;
   padding: 10px 30px;
}
.poup-text{
   font-size: 16px;
   width: 400px;
   text-align: center;
   margin: 20px auto;
}
.active-2{
   display: block;
}
.no-active{
   display: none;
}


// при клике на  вызвать событие клик
   $('.btn-header').on('click', function () {
      // применить стиль класса active 
      $('.popup-window').toggleClass('active-2')
      return false
   });

         // при клике на вызвать событие клик
         $('.pop-up-btn').on('click', function () {
            // применить стиль класса active д
            $('.popup-window').toggleClass('no-active')
         });
  • Вопрос задан
  • 35 просмотров
Решения вопроса 1
@Steppp
)))
$('.btn-header').on('click', function () {
    $('.popup-window').addClass('active-2')
 });

$('.pop-up-btn').on('click', function () {
  $('.popup-window').removeClass('active-2')
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Intspirit Краснодар
от 80 000 до 150 000 ₽