Need Help Setting First Collapsible Tab to Open by Default

[technase]

Hi

I need assistance with one of the collapsible tabs on the product page. Currently, all the tabs are closed by default, but I would like the first tab to be open by default.

Could someone help me with this?

Link: https://testingstoresandthemes.myshopify.com/products/780ml-shaker
Storefront password: lock

attaching photo for reference 

[Moeed · Accepted solution]

Hey @technase 

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() {
        var accordion = document.getElementById("Details-collapsible-row-1-template--18554506641653__main");
        if (accordion) {
            accordion.setAttribute("open", "");
        }
    });
</script>

RESULT:

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

Best Regards,
Moeed

[Charming_Beads]

Hi Moeed,

I am trying to achieve the same thing on my site.  Would your code be transferable to my liquid file or does it need to be custom code please?

www.charming-beads.co.uk

Many thanks,

Paul