Auto-open first collapsible row?

[LightStyl]

Hi everyone, I tried following this addition

to the product code but keep getting this error:

• Invalid JSON in templates/product.cleanser.json

Using the sense theme (website is plumeskin(dot)com) but each product has its own template so maybe that's creating a wrinkle in the code? Would love for at least the first tab/row to auto-open. Any advice or direction would be very much appreciated!

[Shadab_dev]

Share the store url. 

[LightStyl]

Www.plumeskin.com

[Shadab_dev · Accepted solution]

Open main-product.liquid file from your code editor and paste this at the bottom of everything

<script>
document.addEventListener('DOMContentLoaded',()=>{
const tab = document.querySelector('.product .product__accordion');
tab.querySelector('details').setAttribute('open','');
tab.querySelector('summary').setAttribute('aria-expanded','true');
})
</script>

This will open the first one of the tabs on load