JQuery :: Further Refinements To Filament Group Collapsible Plugin?

I started a thread here about the Filament Group's Collapsible Plugin, wherein I modified the plugin to hide any exposed content when an new header is clicked, but I wanted to make it even better, by expanding hidden content if a user arrives at a page via a link with a url fragment identifier. The 1st thing I needed to do was add IDs to all the header elements. I discovered that in Chrome, the page was rendering before the IDs got inserted, so to solve that I moved the code to a separate file that executes before the plugin. Here's that code ('fragment.js'):

Code:

$(function(){
$('h5.accordion').each(function(index) {
$(this).attr({
'id': 'faq-' + index

[code]...

This works fine if the link to the fragment is on a different page than the collapsible content, but if the link is on the same page, the collapse/expand events fail. I think it's because clicking a link with a url fragment doesn't send a server request -- it just fires off a 'scroll this page' instruction client-side. So even though the url in the address bar changes, any expanded content stays open, and the target doesn't expand.

I'm attaching a ZIP if anyone wants to look at this. Navigate to collapsibleemplatesfaqest.htm and click the 1st or second link -you'll be directed to collapsibleemplatesfaqindex.htm and the page will scroll to the correct item and expand it.Now try clicking the link at the top of index.htm (Test Link 1) or the one inside Details 3 (Test Link 2). The page will scroll, but any expanded content will remain so & the target won't expand.