Скрытие подменю после флажка, который я установил с помощью JS ⇐ Jquery

[Anonymous]

У меня есть форма фильтрации результатов, как вы можете видеть на прикрепленных изображениях.
Моя проблема заключается в следующем:
Когда я снял флажок номер 1, я смог снять флажок другие флажки в списках подменю, которые следуют ниже. Но:
Когда я снимаю флажок 1, я хочу, чтобы все последующие HTML-списки с классом .sub изменились на «не отображать ничего». Таким образом мы скрываем списки дополнительных местоположений.
Предварительный просмотр панели фильтров
Предварительный просмотр панели фильтров
Исходные коды HTML

Код: Выделить всё

Locations
[list]
[*]

[i]
[/i]
Antalya


Regions
[*]

[i]
[/i]
Alanya


Neighborhoods
[*]

[i]
[/i]
Avsallar


[*]

[i]
[/i]
Bektas


[*]

[i]
[/i]
Buyukhasbahce


[*]

[i]
[/i]
Pazarci


[/list]

Пожалуйста, помогите мне.

Код: Выделить всё

/* accordion for filter */
$(".section [type='checkbox']").on("change", function(e) {
e.preventDefault();
var $this = $(this);

if(!$this.hasClass("accordion-active")) {
$($this).closest('label').next().show();
}else{
$($this).closest('label').nextAll().has(":checkbox").first().find(":checkbox").prop('checked', false);
$($this).closest('label').nextAll().has(":checkbox").first().find(":checkbox").removeClass("accordion-active");

// I tried this code but failed
// $($this).closest('li').nextAll().find(".sub").hide();
}

С помощью этих кодов я могу сделать флажки, которые идут после установленного мной флажка, не отмеченными, или удалить некоторые классы.
Но я хочу скройте списки с помощью класса .sub, который идет после установленного мной флажка.

Подробнее здесь: https://stackoverflow.com/questions/790 ... ed-with-js