Фильтры не работают должным образом, если имеется более 1 фильтра

Question

Я новичок здесь, в стеке, и мне нужна помощь для моего веб-сайта.

Мы разработали веб-страницу, где клиенты могут купить пользовательские компоненты P C, выбирая каждый компонент и выбирая их в корзину. .

Но если в витрине продукта есть более 2 раскрывающихся фильтров -> когда пользователь выбирает первый фильтр (бренд), то работает так же, как и ожидалось, но когда пользователь выбирает второй фильтр (скажем, память / ram) как 6GB 8GB et c, тогда фильтр бренда не поддерживается на выбранном значении, но показывает все другие бренды. Этот веб-сайт был разработан для печати по словам, но эта страница является настраиваемым шаблоном для PHP и jQuery.

Ниже приведен код, используемый для раздела фильтра (данные, поступающие из группы настраиваемых полей)

$(document).on('change','[data-filter-section]',function(e){
        var section = $(this).attr('data-filter-section'),
            key = $(this).attr('name'),
            val = $(this).find('option:selected').val();
        $(document).find(section).find('.col-md-2').show();
        if(val!='all'){
            $(document).find(section).find('.product-column:not([data-filter-'+key+'="'+val+'"])').parent('.col-md-2').hide();
        }
    });

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