Отмена скрипта для дочерних элементов
Есть скрипт:
$(document).ready(function(){ $(".slide_panel_wrap").click(function(){ $(".slide_panel").slideToggle('slow'); $(this).toggleClass("active"); }); return false; }); Есть html-код: <div class="contact slide_panel_wrap"> <div class="contact-text">Оставить заявку! </div> <div class="slide_panel"> <div class="panels"> <form action="send.php" method="post"> <input type="text" name="surename" placeholder="Фамилия"> <input type="text" name="name" placeholder="Имя"> <input type="text" name="otch" placeholder="Отчество"> <input type="text" name="phone" placeholder="Введите номер вашего телефона"> <input type="text" name="quastion" placeholder="Введите интересующий вас вопрос"> <input type="submit" value="Отправить"> </form> </div> </div> </div> Css: .slide_panel { width: auto; background-color: #0e9ae2; height: 476px; display: none; border: 2px dashed #8dbd00; } Это форма обратной заявки в блоке на который действует скрипт. Мне нужно чтобы скрипт действовал только на родителя, ну или чтобы блок не закрывался по нажатию на элементы формы. |
$(".slide_panel_wrap").click(function(e){ if(e.target!==this) return; $(".slide_panel").slideToggle('slow'); $(this).toggleClass("active"); }); |
Большое спасибо! Всё работает.
|
Часовой пояс GMT +3, время: 12:43. |