jQuery过滤器不起作用

Question

嘿，我有一个事件页面，其中显示了不同的事件，并在其中放置了一个过滤器，以便用户可以从filters中进行相应选择。这是图片的过滤器外观

如您所见，用户可以选择不同的days，event type和drop in must book highlights不属于filter。所以我已经为其编写了代码，但是它不能正常工作，因为您可以看到一个事件在不同的日子出现，从而造成了问题。这是我的代码

var dropinbook          = jQuery('input[name=droIn]:checked').val();
    var select_days         = jQuery('#select_days').val();
    var select_event_type   = jQuery('#select_event_type').val();


    jQuery('#select_days').change(function(){
        var dropinbook          = jQuery('input[name=droIn]:checked').val();
        var select_days         = jQuery('#select_days').val();
        var select_event_type   = jQuery('#select_event_type').val();
        if(select_days != ''){
            jQuery( ".eventPost" ).css( "display", "none" );
            jQuery( "."+select_days ).css( "display", "block" );
            jQuery( "."+select_event_type ).css( "display", "block" );
            jQuery( "."+dropinbook ).css( "display", "block" );
        }else{
            jQuery( ".eventPost" ).css( "display", "block" );
        }
    });

    jQuery('#select_event_type').change(function(){
        var dropinbook          = jQuery('input[name=droIn]:checked').val();
        var select_days         = jQuery('#select_days').val();
        var select_event_type   = jQuery('#select_event_type').val();
        if(select_event_type != ''){
            jQuery( ".eventPost" ).css( "display", "none" );
            jQuery( "."+select_days ).css( "display", "block" );
            jQuery( "."+select_event_type ).css( "display", "block" );
            jQuery( "."+dropinbook ).css( "display", "block" );
        }else{
            jQuery( ".eventPost" ).css( "display", "block" );
        }
    });


    jQuery(".dropmust").on('change', function(){
        var dropinbook          = jQuery('input[name=droIn]:checked').val();
        var select_days         = jQuery('#select_days').val();
        var select_event_type   = jQuery('#select_event_type').val();

        jQuery( ".eventPost" ).css( "display", "none" );
        jQuery( "."+dropinbook ).css( "display", "block" );
        jQuery( "."+select_days ).css( "display", "block" );
        jQuery( "."+select_event_type ).css( "display", "block" );

    });

我知道这段代码并不明智，我会尽力找到解决方案，但是由于一次事件造成了数天的问题。所以有人可以帮我这个忙。谢谢