$('.customer_item:nth-child(-n+6) .customer-story-item_text').addClass("customer-story-item_text-big"); $('.customer_item:nth-child(-n+6) .customer-collection_item-container-link').addClass("customer-collection_item-container-link-big"); $('.customer_item:nth-child(-n+6) .customer-card_footer').addClass("customer-card_footer-big"); $('.customer_item:nth-child(-n+6) .heading-xsmall').addClass("heading-xsmall-big"); $('.customer_item:nth-child(-n+6) .customer-story_cite-headshot').addClass("customer-story_cite-headshot-big"); $('.customer_item:nth-child(-n+6) .customer-text_name').addClass("customer-text_name-big"); $('.customer_item:nth-child(-n+6) .customer-text_position').addClass("customer-text_position-big"); $(".customer_item:contains(cus-marketing)").addClass("cus-marketing"); $(".customer_item:contains(cus-reseller)").addClass("cus-reseller"); $(".customer_item:contains(cus-referral)").addClass("cus-referral"); $(".customer_item:contains(cus-full)").addClass("cus-full"); $(".customer_item:contains(cus-short)").addClass("cus-short"); $(".customer_item:contains(cus-video)").addClass("cus-video"); $(".customer_item:contains(cus-ad-marketing)").addClass("cus-ad-marketing"); $(".customer_item:contains(cus-business-intelligence)").addClass("cus-business-intelligence"); $(".customer_item:contains(cus-business-services)").addClass("cus-business-services"); $(".customer_item:contains(cus-consumer-services)").addClass("cus-consumer-services"); $(".customer_item:contains(cus-content-collab)").addClass("cus-content-collab"); $(".customer_item:contains(cus-relationship-management)").addClass("cus-relationship-management"); $(".customer_item:contains(cus-department-stores)").addClass("cus-department-stores"); $(".customer_item:contains(cus-enterprise-resource)").addClass("cus-enterprise-resource"); $(".customer_item:contains(cus-learning-software)").addClass("cus-learning-software"); $(".customer_item:contains(cus-software)").addClass("cus-software"); $(".customer_item:contains(cus-telecommunications)").addClass("cus-telecommunications"); // === Helper Arrays === const formatFilters = ["#cus-full", "#cus-short", "#cus-video"]; const industryFilters = [ "#cus-ad-marketing", "#cus-business-intelligence", "#cus-business-services", "#cus-consumer-services", "#cus-content-collab", "#cus-relationship-management", "#cus-department-stores", "#cus-enterprise-resource", "#cus-learning-software", "#cus-software", "#cus-telecommunications" ]; const programFilters = ["#cus-reseller", "#cus-marketing", "#cus-referral"]; // === Helper Functions === function toggleBigClasses(add) { var method = add ? 'addClass' : 'removeClass'; $('.customer_item:nth-child(-n+6) .customer-story-item_text')[method]("customer-story-item_text-big"); $('.customer_item:nth-child(-n+6) .customer-collection_item-container-link')[method]("customer-collection_item-container-link-big"); $('.customer_item:nth-child(-n+6) .customer-card_footer')[method]("customer-card_footer-big"); $('.customer_item:nth-child(-n+6) .heading-xsmall')[method]("heading-xsmall-big"); $('.customer_item:nth-child(-n+6) .customer-story_cite-headshot')[method]("customer-story_cite-headshot-big"); $('.customer_item:nth-child(-n+6) .customer-text_name')[method]("customer-text_name-big"); $('.customer_item:nth-child(-n+6) .customer-text_position')[method]("customer-text_position-big"); } function resetFilters(filters) { filters.forEach(id => $(id).prop("checked", false)); } function clearCheckboxStyles(selectors) { selectors.forEach(sel => $(sel + ' div.w-checkbox-input').removeClass("w--redirected-checked")); } function setFilterUI(isFiltered) { if (isFiltered) { $("#filters-menu-desktop").hide(); $("#clear-filter").show(); $("#viewMoreButton").hide(); $("#cus-gradient-overlay").hide(); $(".customer_collection-list").css("height", "auto"); toggleBigClasses(false); } else { $("#filters-menu-desktop").show(); $("#clear-filter").hide(); $("#viewMoreButton").show(); $("#cus-gradient-overlay").show(); $(".customer_collection-list").css("height", "1540px"); toggleBigClasses(true); } } function handleFilterButton(checkboxSelector, clearOtherFilters) { $(".customer_item").hide(); var checkboxes = $(checkboxSelector + ' :checkbox'); var checkedCount = checkboxes.filter(':checked').length; if (checkedCount < 1) { $(".customer_item").show(); setFilterUI(false); } else { checkboxes.filter(':checked').each(function() { $("." + $(this).attr('id')).fadeIn(); }); clearOtherFilters(); setFilterUI(true); } } // === Filter Button Handlers === $("#proTypeBtn").click(function(event) { event.preventDefault(); handleFilterButton('#filters1', function() { resetFilters(formatFilters); resetFilters(industryFilters); clearCheckboxStyles(["#filters2", "#filters3"]); }); }); $("#formatBtn").click(function(event) { event.preventDefault(); handleFilterButton('#filters2', function() { resetFilters(industryFilters); resetFilters(programFilters); clearCheckboxStyles(["#filters1", "#filters3"]); }); }); $("#industryFilterBtn").click(function(event) { event.preventDefault(); handleFilterButton('#filters3', function() { resetFilters(formatFilters); resetFilters(programFilters); clearCheckboxStyles(["#filters1", "#filters2"]); }); }); // === Clear Selections Handlers === $("#clearSelectionsIndustry").click(function(event) { event.preventDefault(); resetFilters(industryFilters); clearCheckboxStyles(["#filters3"]); console.log("working"); }); $("#clearSelectionsFormat").click(function(event) { event.preventDefault(); resetFilters(formatFilters); clearCheckboxStyles(["#filters2"]); console.log("working"); }); $("#clearSelectionsProgram").click(function(event) { event.preventDefault(); resetFilters(programFilters); clearCheckboxStyles(["#filters1"]); console.log("working"); }); // === Main Clear Filter Handler === $("#clearFilterBtnMain").click(function(event) { event.preventDefault(); resetFilters(industryFilters); resetFilters(formatFilters); resetFilters(programFilters); clearCheckboxStyles(["#filters1", "#filters2", "#filters3"]); $("#filters-menu-desktop").show(); $("#clear-filter").hide(); $(".customer_item").show(); toggleBigClasses(true); // $("#viewMoreButton").show(); // $("#cus-gradient-overlay").show(); // $(".customer_collection-list").css("height", "1540px"); });