Фильтрация с помощью флажков с использованием jQuery

Я хочу фильтровать некоторый контент с помощью флажков.

Мне удалось это сделать благодаря более ранней публикации , которую я немного упростил здесь DEMO .

Моя проблема в том, что к каждому элементу контента может быть прикреплено несколько категорий. Когда я выбираю категорию A и категорию B, а затем снимаю выделение категории B, элемент контента, к которому прикреплены обе категории, удаляется.

Проект, над которым я работаю, будет содержать более двух категорий. К элементу контента может быть прикреплено множество категорий

HTML:

    

        
        Category A
    
    

        
        Category B
    


A, B
A
A
A
B
B
B

Javascript:

$('input').click(function() {
    var category = $(this).val();

    if (!$(this).attr('checked')) $('.' + category).hide();
    else $('.' + category).show();

});