Ребята привет! Не работает клик по дочернему элементу. Есть div в виде инпута, в нём значение по умолчанию и галочка для выпадающего списка. При клике на сам div или его дочерние элементы, должен появляться выпадающий список. При клике на дочерние событие не срабатывает, а на сам div (там падинги стоят от дочерних) работает. Код такой:
<div class="loan_filter_item loan_filter_term">
<label class="loan_filter_item_title loan_filter_term_title">Срок, дней</label>
<div class="loan_filter_input loan_filter_term_input">
<div class="loan_filter_inputmode loan_filter_term_inputmode">
<span>от 1 дня</span>
<svg>
<image width="12"/>
</svg>
</div>
</div>
<div class="dropdown_cont">
<ul>
<li>1 день</li>
<li>2 дня</li>
<li>3 дня</li>
<li>4 дня</li>
<li>5 дня</li>
<li>6 дней</li>
<li>7 дней</li>
<li>8 дней</li>
<li>9 дней</li>
<li>10 дней</li>
</ul>
</div>
</div>
$(document).ready(function(){
$('.loan_filter_input').mouseup(function(e){
var a = $(e.target).parent().children('.dropdown_cont');
a.slideDown(170);
});
});
На svg в HTML не обращайте внимания, я его просто сократил. Кто в теме, подскажите, если не сложно, что может быть? Заранее спасибо!