感谢大家在回答这个问题时的帮助，一位同事最终帮助我解决了这个问题。以下是解决方案和评论，供其他人参考。

<script>
$(document).ready(function () { 
  var accordionEntries = document.querySelectorAll('.accordion-entry');
  var accordionImages = document.querySelectorAll('.accordion-image');
  
    for ( var i = 0; i < accordionEntries.length; i++ ) {
    accordionEntries[i].dataset.target = 'accordion-image-' + i;
    accordionImages[i].classList.add('accordion-image-' + i);
  }
      
  $(document).on('click', '.accordion-header', function () {
    // close currently opened accordion
    // add class to open clicked accordion  
    var accordionEntry = $(this).closest('.accordion-entry');
    var open = 'accordion-open';
    
    /* If the accordion that was clicked is in open state, 
    *  remove all occurrences of the 'accordion-open' class and DO NOTHING 
    *  AFTER.
    */
    if (accordionEntry.hasClass('accordion-open')) {
            accordionEntry.removeClass(open);
        $('.' + open).removeClass(open);
    } else {
        /* If the accordion that was clicked is NOT in open state, 
        *  remove all occurrences of the 'accordion-open' class and add 'accordion-open' class
        *. to the accordion that was clicked.
        */
        accordionEntry.removeClass(open);
                $('.'+ open).removeClass(open);
        accordionEntry.addClass('accordion-open');
        $('.'+ accordionEntry.data['target']).addClass(open)
          $('.'+ accordionEntry[0].dataset.target).addClass(open)
    } 
    });
}); 
</script>