How to make collapsible row close after another one opens

[undercoverfresh]

I'm looking to make the collapsible row in the (product information) page close after someone opens up another one for desktop and mobile on dawn theme 

[WebDeskSolution · Accepted solution]

Hello @undercoverfresh 

Please follow the steps below after logging into the Shopify admin:

• Go to your Shopify Admin panel.

• Click on Online Store > Themes.

• Find the theme you want to edit and then click Actions > Edit code.

• Search theme.liquid
• Insert the provided Script code at the above of the closing of the body tag. SS : https://prnt.sc/7yb1GB4SmVEa

<script>
      window.addEventListener("load", function () {
          document.querySelectorAll("details").forEach((details) => {
              details.addEventListener("click", function () {
                  if (this.open) {
                      document.querySelectorAll("details").forEach((other) => {
                          if (other !== this) {
                              other.removeAttribute("open");
                          }
                      });
                  }
              });
              details.addEventListener("toggle", function () {
                  if (this.open) {
                      document.querySelectorAll("details").forEach((other) => {
                          if (other !== this) {
                              other.removeAttribute("open");
                          }
                      });
                  }
              });
          });
      });
    </script>

Please hit Like and Mark it as a Solution if you find our reply helpful.