link to open accordion not working

[dave.collins1@mohawkcolle]

Trying to get a link on Source page to open an accordion on Target page.

The link itself on Source page is straightforward: //mysite.ca/source/#open-moderators

On target page //mysite.ca/target/, this is what I've done:

1. In the target accordion under CSS ID I have added open-moderators (no # symbol)
   
   
   
2. Added an HTML widget on the page:

<script>
jQuery(document).ready(function($) {
    console.log("foo");
  var target = window.location.hash;
  if (target) {
    // Wait for page to load
    setTimeout(function() {
        console.log(target);
      $(target).find('.elementor-tab-title').click();
      $([document.documentElement, document.body]).animate({
        scrollTop: $(target).offset().top - 100 // Adjust -100 for offset
      }, 500);
    }, 400);
  }
});
</script>

When I hit the page //mysite.ca/target/#open-moderators, it does trigger the code:
console.log outputs:
foo
#open-moderators

So the only thing that could be failing is the click itself. Have I borrowed bad code?

 

[dave.collins1@mohawkcolle]

If it still won’t open, confirm the CSS ID is on the actual accordion item (not the whole accordion widget).

That did the trick!
Thank you!