Collapsible Water Bottles

<section id="Drinkware" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Drinkware"> <h3 id="DrinkwareHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="DrinkwareContent"> <span>Drinkware<span class="visually-hidden" id="DrinkwareDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="DrinkwareContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Drinkware filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Drinkware filters</legend> <input type="checkbox" id="chkTag_7535" name="Plastic Water Bottles" class="lastObject" data-filter="Plastic Water Bottles" data-group="Drinkware" aria-describedby="DrinkwareDescription" /> <label id="chkTag_7535_label" class="text20" for="chkTag_7535" aria-label="Plastic Water Bottles 5 products">Plastic Water Bottles (5)</label> </fieldset> </div> </section> <section id="DrinkwareCapacityOz" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="DrinkwareCapacityOz"> <h3 id="DrinkwareCapacityOzHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="DrinkwareCapacityOzContent"> <span>Drinkware Capacity - Oz<span class="visually-hidden" id="DrinkwareCapacityOzDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="DrinkwareCapacityOzContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Drinkware Capacity - Oz filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Drinkware Capacity - Oz filters</legend> <input type="checkbox" id="chkTag_6306" name="15 - 19 oz." class="" data-filter="15 - 19 oz." data-group="DrinkwareCapacityOz" aria-describedby="DrinkwareCapacityOzDescription" /> <label id="chkTag_6306_label" class="text20" for="chkTag_6306" aria-label="15 - 19 oz. 7 products">15 - 19 oz. (7)</label> <input type="checkbox" id="chkTag_6307" name="20 - 26 oz." class="" data-filter="20 - 26 oz." data-group="DrinkwareCapacityOz" aria-describedby="DrinkwareCapacityOzDescription" /> <label id="chkTag_6307_label" class="text20" for="chkTag_6307" aria-label="20 - 26 oz. 2 products">20 - 26 oz. (2)</label> <input type="checkbox" id="chkTag_6308" name="27 - 31 oz." class="lastObject" data-filter="27 - 31 oz." data-group="DrinkwareCapacityOz" aria-describedby="DrinkwareCapacityOzDescription" /> <label id="chkTag_6308_label" class="text20" for="chkTag_6308" aria-label="27 - 31 oz. 2 products">27 - 31 oz. (2)</label> </fieldset> </div> </section> <section id="LidStyle" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="LidStyle"> <h3 id="LidStyleHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="LidStyleContent"> <span>Lid Style<span class="visually-hidden" id="LidStyleDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="LidStyleContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Lid Style filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Lid Style filters</legend> <input type="checkbox" id="chkTag_4654" name="Flip Top Lid" class="" data-filter="Flip Top Lid" data-group="LidStyle" aria-describedby="LidStyleDescription" /> <label id="chkTag_4654_label" class="text20" for="chkTag_4654" aria-label="Flip Top Lid 2 products">Flip Top Lid (2)</label> <input type="checkbox" id="chkTag_4653" name="Push/Pull Lid" class="" data-filter="Push/Pull Lid" data-group="LidStyle" aria-describedby="LidStyleDescription" /> <label id="chkTag_4653_label" class="text20" for="chkTag_4653" aria-label="Push/Pull Lid 3 products">Push/Pull Lid (3)</label> <input type="checkbox" id="chkTag_4655" name="Screw On Lid" class="" data-filter="Screw On Lid" data-group="LidStyle" aria-describedby="LidStyleDescription" /> <label id="chkTag_4655_label" class="text20" for="chkTag_4655" aria-label="Screw On Lid 6 products">Screw On Lid (6)</label> <input type="checkbox" id="chkTag_4656" name="Tethered Lid" class="lastObject" data-filter="Tethered Lid" data-group="LidStyle" aria-describedby="LidStyleDescription" /> <label id="chkTag_4656_label" class="text20" for="chkTag_4656" aria-label="Tethered Lid 3 products">Tethered Lid (3)</label> </fieldset> </div> </section> <section id="Material" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Material"> <h3 id="MaterialHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="MaterialContent"> <span>Material<span class="visually-hidden" id="MaterialDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="MaterialContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Material filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Material filters</legend> <input type="checkbox" id="chkTag_250" name="Plastic" class="lastObject" data-filter="Plastic" data-group="Material" aria-describedby="MaterialDescription" /> <label id="chkTag_250_label" class="text20" for="chkTag_250" aria-label="Plastic 5 products">Plastic (5)</label> </fieldset> </div> </section> <section id="PlasticResinCode" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="PlasticResinCode"> <h3 id="PlasticResinCodeHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="PlasticResinCodeContent"> <span>Plastic Resin Code<span class="visually-hidden" id="PlasticResinCodeDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="PlasticResinCodeContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Plastic Resin Code filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Plastic Resin Code filters</legend> <input type="checkbox" id="chkTag_221" name="#1- PET" class="" data-filter="#1- PET" data-group="PlasticResinCode" aria-describedby="PlasticResinCodeDescription" /> <label id="chkTag_221_label" class="text20" for="chkTag_221" aria-label="#1- PET 3 products">#1- PET (3)</label> <input type="checkbox" id="chkTag_227" name="#7 - Other Plastics" class="lastObject" data-filter="#7 - Other Plastics" data-group="PlasticResinCode" aria-describedby="PlasticResinCodeDescription" /> <label id="chkTag_227_label" class="text20" for="chkTag_227" aria-label="#7 - Other Plastics 1 products">#7 - Other Plastics (1)</label> </fieldset> </div> </section> <section id="Style" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Style"> <h3 id="StyleHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="StyleContent"> <span>Style<span class="visually-hidden" id="StyleDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="StyleContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Style filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Style filters</legend> <input type="checkbox" id="chkTag_5521" name="Collapsible" class="lastObject" data-filter="Collapsible" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_5521_label" class="text20" for="chkTag_5521" aria-label="Collapsible 11 products">Collapsible (11)</label> </fieldset> </div> </section>