Jason McDonald

https://help.sidestepstore.com/hc/en-gb/articles/13205984542225

Hi Ifra.

This is exactly what I have done and the accordion won't expand when clicked.

The only code I have added to the script.js file is 

document.addEventListener('DOMContentLoaded', function() {
  var acc = document.getElementsByClassName("accordion");
  var i;

  for (i = 0; i < acc.length; i++) {
    acc[i].addEventListener("click", function() {
      this.classList.toggle("active");
      var panel = this.nextElementSibling;
      if (panel.style.maxHeight) {
        panel.style.maxHeight = null;
      } else {
        panel.style.maxHeight = panel.scrollHeight + "px";
      }
    });
  }
});

We have multiple HC's for different brands and there's different content writers so I'm not sure what modifications have been made to this particular theme. As I said the accordion is working in other HC's we have. 

Is there anyway to find out which part of the theme code is affecting this? 

script.js:473 Uncaught SyntaxError: Unexpected token 'export'

Hello. 

I've added the code Trapta provided at the beginning of the thread and this works perfectly in our sandbox HC.
When I tried doing it on our live environment it's not working. The accordion is here but clicking on it does not expand it.