Is there a way to open a BS collapse through a link?

Question

If I have a simple BS collapse:

<a href="#content-<?php echo id; ?>" data-toggle="collapse">Trigger Text</a>

<div id="content-<?php echo id; ?>" class="collapse">
Content...
</div> 

Is it possible to trigger the toggle to open as it goes to it from a link in a separate module?

Say link would be:

https://website/article#content-83

It's already going to where content #83 is located at the article, but since the toggle is set to closed on that page it only goes to the article page and never actually shows the contents of content #83. There are reasons it needs to be closed on the page it shows up on, but not if clicked through from that link.

Answer 1

Get the fragment from URL, check that element with the same ID is collapsible and run collapse('show') if it is:

jQuery(function() {
    var fragment = window.location.hash;
    if (fragment && jQuery(fragment).hasClass('collapse')) {
        jQuery(fragment).collapse('show');
    }
});

Answer 2

In case you have something else triggered by the click that opens the collapse, this will work as well:

 $('a[href="' + window.location.hash + '"]').click();

The thing you need to watch for in doing either of these approaches is javascript load order. It's always possible jQuery may not have loaded by this time (in which case you'll get an error about '$') or in noConflict mode (try again replacing '$' with 'jQuery') or that the collapse plug-in hasn't loaded yet (when the call to 'collapse()' will toss a null object/method error). Javascript is funny that way, especially when attributes like 'async' are added to script tags because Google says that makes the page load faster.