hide_filters_based_on_other_filter_selections.md

<script>
    document.addEventListener("DOMContentLoaded", function() {
        $('.js-filter').eq(2).addClass('d-none');
        $('.js-filter').eq(3).addClass('d-none');

        $('.js-filter-option').click(function(){
            setTimeout(function(){
                let containsShoes = false;
                let containsJeansOrPants = false;
                $('.js-filter-option.active').each(function(){
                    if($(this).html() === 'Shoes') {
                        containsShoes = true;
                    }
                    if($(this).html() === 'Jeans' || $(this).html() === 'Pants') {
                        containsJeansOrPants = true;
                    }

                });

                if(containsShoes) {
                    $('.js-filter').eq(3).removeClass('d-none');
                } else {
                    $('.js-filter').eq(3).addClass('d-none');
                }

                if(containsJeansOrPants) {
                    $('.js-filter').eq(2).removeClass('d-none');
                } else {
                    $('.js-filter').eq(2).addClass('d-none');
                }
            }, 30);
        });
    });
</script>