How to make collapsible row close one at a time

[undercoverfresh]

I’m looking to make the collapsible row close automatically after another one opens for mobile and desktop 

URL knmb1c-pf.myshopify.com

password samurai 

[Moeed · Accepted solution]

Hey @undercoverfresh 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<script>
document.addEventListener("DOMContentLoaded", function () {
  const accordions = document.querySelectorAll(".product__accordion details");

  accordions.forEach((accordion) => {
    accordion.addEventListener("click", function (event) {
      event.stopPropagation();

      accordions.forEach((otherAccordion) => {
        if (otherAccordion !== this) {
          otherAccordion.removeAttribute("open");
        }
      });
    });
  });
});
</script>

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed