Help with accordion JS function and classes

Design help Custom code
1

Hi there,

I’m looking to get some feedback or help on how to achieve the following, basing off of the original template I’ve cloned (linked below).

I’d like to use two of these accordion components on my page (one shown by default, one hidden unless clicked on via a button, which would in turn hide the former). However, given how the JS script is written, the second accordion set would not automatically show the first accordion.

I decided to change the class names of all the classes with ‘js’ in it to match the script (ex. add-ons_js-accordionBusiness). However this immediately breaks the accordion. What am I doing wrong?

Original template:

Here is my site Read-Only: site

2

Never mind, I found the issue to my problem… JS script was using camelcase, and for some reason my classes were not respecting that and turned all characters into lowercase.