Open Accordion based on hash fragment

[jsadlergccaz]

Hi all,

For the edu I work for we use a lot of accordions for content. We can link using hash fragments so the screen scrolls to a specific ID without issue, but when we want to link to a closed accordion using its ID the accordion does not open. I've come up with a simple JS script to embed on pages we are linking to that have accordions in order to open them automatically:

document.addEventListener("DOMContentLoaded", function() {
  // Get the hash from the URL
  const hash = window.location.hash;

  if (hash) {
    // Find the button related to the hash
    const buttonElement = document.querySelector(hash + ' .accordion-button');

    if (buttonElement) {
      // Trigger a click on the button to open the accordion
      buttonElement.click();
    }
  }
});

Before we commit this for our sites, I was wondering two things:

1. Are there any potential issues anyone notices with using this with 5.3? I haven't ran into any issues doing some basic manual testing, but maybe there's something that could cause problems with Bootstrap?
2. Are there plans for something like this to be incorporated in a later release of Bootstrap, or is there something already available in 5.3 that I just couldn't find?

Thank you in advance! :)