Суть такова, что имеются блоки с чекбоксами, при клике на блок к нему добавляется класс active, при этом по остальным блокам проходит проверка на наличие этого же класса и в случае удачи удаляем его. Таким образом класс active одновременно может быть только у одного блока. Но при чеке какого-либо чекбокса происходит естественно перезагрузка pjax DOM элементов и класс active исчезает. Как можно запомнить и передать этот класс этому элементу после pjax перезагрузки?
Сначала была такая идея
function collapse(){
$('#filter-form [type="checkbox"]').each(function() {
if ($(this).prop('checked')) {
$(this).closest('#filter-block').addClass('active');
}
});
}
$(document).on('pjax:success', function(e) {
collapse();
});
Но так класс добавляется всем блокам с выбранными чекбоксами, а нужен только тот с которого был сабмит.
Собственно сама кликалка
$('body').on('click', '#filter-title' , function(){
$(this).parent().toggleClass('active');
$(this).parent().siblings().removeClass('active');
});
Может к сабмиту как то прикрутить? Так не работает:
$('body').on('change', '.checkbox__filter', function (e) {
$(this).closest('form').submit();
$(this).closest('#filter-block').addClass('active');
});