Taffy

<section id="Categories" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Categories"> <h3 id="CategoriesHeader" class="show-md"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="CategoriesContent"> <span>Categories<span class="visually-hidden" id="CategoriesDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="CategoriesContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hide-md text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Categories filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Categories filters</legend> <input type="checkbox" id="chkTag_156" name="Food Gift Sets" class="" data-filter="Food Gift Sets" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_156_label" class="text20" for="chkTag_156" aria-label="Food Gift Sets 1 products">Food Gift Sets (1)</label> <input type="checkbox" id="chkTag_122" name="Food Giveaways" class="lastObject" data-filter="Food Giveaways" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_122_label" class="text20" for="chkTag_122" aria-label="Food Giveaways 4 products">Food Giveaways (4)</label> </fieldset> </div> </section> <section id="Candy" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Candy"> <h3 id="CandyHeader" class="show-md"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="CandyContent"> <span>Candy<span class="visually-hidden" id="CandyDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="CandyContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hide-md text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Candy filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Candy filters</legend> <input type="checkbox" id="chkTag_5259" name="Taffy" class="lastObject" data-filter="Taffy" data-group="Candy" aria-describedby="CandyDescription" /> <label id="chkTag_5259_label" class="text20" for="chkTag_5259" aria-label="Taffy 5 products">Taffy (5)</label> </fieldset> </div> </section> <section id="Food" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Food"> <h3 id="FoodHeader" class="show-md"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="FoodContent"> <span>Food<span class="visually-hidden" id="FoodDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="FoodContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hide-md text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Food filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Food filters</legend> <input type="checkbox" id="chkTag_5273" name="Candy" class="lastObject" data-filter="Candy" data-group="Food" aria-describedby="FoodDescription" /> <label id="chkTag_5273_label" class="text20" for="chkTag_5273" aria-label="Candy 5 products">Candy (5)</label> </fieldset> </div> </section> <section id="FoodAllergen" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="FoodAllergen"> <h3 id="FoodAllergenHeader" class="show-md"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="FoodAllergenContent"> <span>Food Allergen<span class="visually-hidden" id="FoodAllergenDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="FoodAllergenContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hide-md text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Food Allergen filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Food Allergen filters</legend> <input type="checkbox" id="chkTag_7477" name="Eggs" class="" data-filter="Eggs" data-group="FoodAllergen" aria-describedby="FoodAllergenDescription" /> <label id="chkTag_7477_label" class="text20" for="chkTag_7477" aria-label="Eggs 5 products">Eggs (5)</label> <input type="checkbox" id="chkTag_7476" name="Milk" class="lastObject" data-filter="Milk" data-group="FoodAllergen" aria-describedby="FoodAllergenDescription" /> <label id="chkTag_7476_label" class="text20" for="chkTag_7476" aria-label="Milk 5 products">Milk (5)</label> </fieldset> </div> </section> <section id="FoodAllergenFacility" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="FoodAllergenFacility"> <h3 id="FoodAllergenFacilityHeader" class="show-md"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="FoodAllergenFacilityContent"> <span>Food Allergen Facility<span class="visually-hidden" id="FoodAllergenFacilityDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="FoodAllergenFacilityContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hide-md text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Food Allergen Facility filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Food Allergen Facility filters</legend> <input type="checkbox" id="chkTag_7490" name="Peanuts" class="" data-filter="Peanuts" data-group="FoodAllergenFacility" aria-describedby="FoodAllergenFacilityDescription" /> <label id="chkTag_7490_label" class="text20" for="chkTag_7490" aria-label="Peanuts 5 products">Peanuts (5)</label> <input type="checkbox" id="chkTag_7493" name="Sesame" class="" data-filter="Sesame" data-group="FoodAllergenFacility" aria-describedby="FoodAllergenFacilityDescription" /> <label id="chkTag_7493_label" class="text20" for="chkTag_7493" aria-label="Sesame 5 products">Sesame (5)</label> <input type="checkbox" id="chkTag_7492" name="Soybeans" class="" data-filter="Soybeans" data-group="FoodAllergenFacility" aria-describedby="FoodAllergenFacilityDescription" /> <label id="chkTag_7492_label" class="text20" for="chkTag_7492" aria-label="Soybeans 5 products">Soybeans (5)</label> <input type="checkbox" id="chkTag_7489" name="Tree Nuts" class="" data-filter="Tree Nuts" data-group="FoodAllergenFacility" aria-describedby="FoodAllergenFacilityDescription" /> <label id="chkTag_7489_label" class="text20" for="chkTag_7489" aria-label="Tree Nuts 5 products">Tree Nuts (5)</label> <input type="checkbox" id="chkTag_7491" name="Wheat" class="lastObject" data-filter="Wheat" data-group="FoodAllergenFacility" aria-describedby="FoodAllergenFacilityDescription" /> <label id="chkTag_7491_label" class="text20" for="chkTag_7491" aria-label="Wheat 5 products">Wheat (5)</label> </fieldset> </div> </section> <section id="ImprintMethod" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="ImprintMethod"> <h3 id="ImprintMethodHeader" class="show-md"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="ImprintMethodContent"> <span>Imprint Method<span class="visually-hidden" id="ImprintMethodDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="ImprintMethodContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hide-md text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Imprint Method filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Imprint Method filters</legend> <input type="checkbox" id="chkTag_189" name="Full Color" class="lastObject" data-filter="Full Color" data-group="ImprintMethod" aria-describedby="ImprintMethodDescription" /> <label id="chkTag_189_label" class="text20" for="chkTag_189" aria-label="Full Color 4 products">Full Color (4)</label> </fieldset> </div> </section> <section id="Packaging" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Packaging"> <h3 id="PackagingHeader" class="show-md"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="PackagingContent"> <span>Packaging<span class="visually-hidden" id="PackagingDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="PackagingContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hide-md text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Packaging filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Packaging filters</legend> <input type="checkbox" id="chkTag_5302" name="Candy Jars" class="" data-filter="Candy Jars" data-group="Packaging" aria-describedby="PackagingDescription" /> <label id="chkTag_5302_label" class="text20" for="chkTag_5302" aria-label="Candy Jars 1 products">Candy Jars (1)</label> <input type="checkbox" id="chkTag_5301" name="Snack Bags" class="lastObject" data-filter="Snack Bags" data-group="Packaging" aria-describedby="PackagingDescription" /> <label id="chkTag_5301_label" class="text20" for="chkTag_5301" aria-label="Snack Bags 4 products">Snack Bags (4)</label> </fieldset> </div> </section> <section id="Size" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Size"> <h3 id="SizeHeader" class="show-md"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="SizeContent"> <span>Size<span class="visually-hidden" id="SizeDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="SizeContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hide-md text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Size filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Size filters</legend> <input type="checkbox" id="chkTag_520" name="1 oz" class="" data-filter="1 oz" data-group="Size" aria-describedby="SizeDescription" /> <label id="chkTag_520_label" class="text20" for="chkTag_520" aria-label="1 oz 2 products">1 oz (2)</label> <input type="checkbox" id="chkTag_521" name="2 oz" class="lastObject" data-filter="2 oz" data-group="Size" aria-describedby="SizeDescription" /> <label id="chkTag_521_label" class="text20" for="chkTag_521" aria-label="2 oz 2 products">2 oz (2)</label> </fieldset> </div> </section>