Ciao e benvenuto, chiaramente puoi fare in millemila modi; in teoria all'interno del gestore click dovresti "ri-ciclare" tutti gli elementi accordion quindi rimuovere o applicare opportunamente la classe "active" (che è quella usata semplicemente per mostrare il segno "+" o "-") e reimpostare il valore di maxHeight per i relativi panel in base a ciò che è aperto o chiuso ... per me è più facile farlo che spiegarlo

Prova in questo modo, sostituisci l'intero script con questo:
codice:
<script>
  (function(){
    var acc = document.getElementsByClassName("accordion");
    for (var i = 0; i < acc.length; i++) {
      acc[i].addEventListener("click", function() {
        for (var i = 0; i < acc.length; i++) {
          var that = acc[i];
          var panel = that.nextElementSibling;
          that.classList[this === that ? 'toggle' : 'remove']("active");
          panel.style.maxHeight = that.classList.contains("active") ? panel.scrollHeight + "px" : null;
        }
      });
    }
  })();
</script>
poi se hai bisogno di delucidazioni, chiedi pure