Как синхронизировать работу двух фильтров?

Question

[drtvader]

Всем привет! Никак не могу синхронизировать работу двух фильтров. Если например у первого фильтра выбираю второй чекбокс, а у второго 3, то при этом выбранные первым фильтром блоки скрываются. Как сделать, что бы блоки просто добавлялись? Как правильно селектор написать?
https://jsfiddle.net/drtvader/63zqhu1f/6/

Answer 1

[drtvader]

Вот только на split ругается, почему такое может быть?

$( document ).ready(function() {
    $("input[type='checkbox']").click(function() {
        if (!$("input[type='checkbox']").is(":checked")){
            $('.time-message__event-info').show();
        } else {
            $('.time-message__event-info').hide();
            $("input[type='checkbox']").each(function() {
                if($(this).is(':checked')) {
                    var filter = $(this).attr('filter');
                    var data   = $(this).attr('data');
                    $.each($('.time-message__event-info'), function() {
                        var p = $(this);
                        var fs = $(this).attr(filter).split(",");
                        $.each(fs, function(index, value) {
                            if(data == value) {
                                p.show();
                            }
                        });
                    });
                }
            });
        }
    });
});