0

При клике по элементу должен добавиться класс 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>

1 ответ 1

1

замените:

$(this).children('.hid-content').toggleClass("open").css('display: block');

на:

$(this).find('.hid-content').toggleClass("open").css('display: block');

.children() Возвращает все дочерние элементы выбранных элементов.

.find() Осуществляет поиск элементов внутри уже выбранных элементов

2
  • Спасибо, сделал немного по своему через siblings. Но сейчас проблема в том что при клике на соседнии блоки не зыкрываются блоки которые открылись до этого
    – ilyaaa521
    Commented 25 мар. 2019 в 1:12
  • Вы замудрили свой обработчик с toggleClass и bind. Просто по клику на $('.in20 .hid') сперва делайте removeClass('open') для всех .hid-content а затем addClass('open') на туда, куда вам нужно. И bind станет не нужен.
    – Kirill
    Commented 25 мар. 2019 в 5:30

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.