过滤器正在打破slick.js滑块

Question

我用slick.js创建了一个滑块，我现在正在尝试实现一个过滤器，但它会破坏我的滑块。

过滤器的代码：

  $("#cat1-cb").change(function(){
        if ($("#cat1-cb").is(":checked")) {
            $(".category1").show();
        }else{
            $(".category1").hide();
        }
    });
    $("#cat2-cb").change(function(){
        if ($("#cat2-cb").is(":checked")) {
            $(".category2").show();
        }else{
            $(".category2").hide();
        }
    });
    $("#cat3-cb").change(function(){
        if ($("#cat3-cb").is(":checked")) {
            $(".category3").show();
        }else{
            $(".category3").hide();
        }
    });

如果隐藏其中一些元素，如何使滤镜移动元素？

完整代码：https://jsfiddle.net/cf353shk/9/