Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.12.2017, 08:54
Новичок на форуме
Отправить личное сообщение для Жора Посмотреть профиль Найти все сообщения от Жора
 
Регистрация: 17.12.2017
Сообщений: 2

Отмена скрипта для дочерних элементов
Есть скрипт:
$(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;
}

Это форма обратной заявки в блоке на который действует скрипт. Мне нужно чтобы скрипт действовал только на родителя, ну или чтобы блок не закрывался по нажатию на элементы формы.

Последний раз редактировалось Жора, 17.12.2017 в 08:56. Причина: Чтобы грамматики не загрызли
Ответить с цитированием
  #2 (permalink)  
Старый 17.12.2017, 09:55
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,791

$(".slide_panel_wrap").click(function(e){
    if(e.target!==this)
        return;
    
    $(".slide_panel").slideToggle('slow');
    $(this).toggleClass("active");
});
Ответить с цитированием
  #3 (permalink)  
Старый 17.12.2017, 11:47
Новичок на форуме
Отправить личное сообщение для Жора Посмотреть профиль Найти все сообщения от Жора
 
Регистрация: 17.12.2017
Сообщений: 2

Большое спасибо! Всё работает.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Доработка скрипта для динамических DIVов kay Events/DOM/Window 8 25.04.2015 09:50
Выбор дочерних элементов Grendel Элементы интерфейса 3 25.08.2014 14:52
AJAX загрузка внешнего скрипта и переопределение documen.write для внешнего скрипта vl2013 AJAX и COMET 19 06.09.2013 19:59
Как удалить класс всех дочерних элементов? Jeremen Events/DOM/Window 8 01.09.2012 20:43
Блокировка событий всех дочерних элементов moreo Элементы интерфейса 4 26.05.2012 23:58