При клике по элементу должен добавиться класс open к его дочерним элементам но почему то не срабатывает. Вот код:
$('.in20 .hid').click(function () {
$(this).children('.hid-content').toggleClass("open").css('display: block');
$(document).bind('click', HandlerPar);
});
function HandlerPar(e) {
if (!$(e.target).hasClass("in20") &&
$(e.target).parents(".in20").length === 0)
{
$(".hid-content").removeClass("open");
$(document).unbind('click', HandlerPar);
}
}
//html
<form method="get" action="" class="in20">
<div class="in19"> <!---->
<div class=" "> <!--in16-->
<div class="in17 hid"><b>[`Price`] <i class="fa fa-angle-down"></i></b></div>
<div class="hid-content" style="display:none;">
<div class="flex-prices slider">
<input type="text" class="min" name="price_min">
<input type="text" class="max" name="price_max">{*{$c.sign} *} </div>
</div>
</div>
<div class=""> <!--in18-->
<div class="in17 hid"><b><i class="fa fa-angle-down"></i></b></div>
<div class="hid-content" style="display:none;">
<span style="display: none">
<label>
<input type="checkbox" name="{$filter.code}[]" > {$v}
</label>
</div>
</div>
</div>
<div class="b_reset1">
<input type="submit" class="in21" value="[`Filter products`]">
<div class="b_reset2" onclick="window.location='/category/{$category.url|escape}'">Сбросить фильтр</div>
</div>
</form>