MediaWiki:CollapsibleBySpaceOrEnter.js

/* jshint esversion: 10 */
function collapsibleBySpaceOrEnter() {
  // make collapsible CSS clickable (space or enter to click)
  // from: https://alligator.io/css/collapsible/
  const myCollapsibleLabels = document.querySelectorAll('.lbl-toggle');
  Array.from(myCollapsibleLabels).forEach((label) => {
    label.addEventListener('keydown', (event) => {
      // 32 === spacebar
      // 13 === enter
      if (event.which === 32 || event.which === 13) {
        event.preventDefault();
        label.click();
      }
    });
  });
}

if (document.readyState === 'complete' || document.readyState !== 'loading') {
  collapsibleBySpaceOrEnter();
} else {
  document.addEventListener('DOMContentLoaded', collapsibleBySpaceOrEnter);
}