feat: open accordion via hash

[wesleyboar]

Overview:

Let user open Accordion panel (example instance) by opening page with ID hash URL.

Important

Paused, because:

1. Quick solution (script/snippet) will either have major bug or be too brittle.¹
2. Proper solution (template, script, deploy) is more effort than this is worth.²

PR Status:

• Ready.
• Work in Progress.
• Hold.

Related Jira tickets:

• None. Special request by Hedda on behalf of stakeholder.

Summary of Changes:

• added quick solution — snippet of JavaScript
• added then reverted real solution — UNTESTED Django app customization

Testing Steps:

1. Add snippet to page
   ^{e.g. https://simcenter.designsafe-ci.org/research-spotlights/test/}
2. Find URL of a panel in the Accordion.
   ^{e.g. cmsplugin_798354_3}
3. Open new tab with URL plus # plus ID.
   ^{e.g. https://simcenter.designsafe-ci.org/research-spotlights/test/#cmsplugin_798354_3}
4. Verify
   • ✅ Panel is opened and scrolled into view.
   • ❓ Any already open panel is closed.
5. Edit page. Publish change.
6. Retest in a new tab with same ID.
   ^{e.g. https://simcenter.designsafe-ci.org/research-spotlights/test/#cmsplugin_798354_3}
7. ❌ Verify panel is open and scrolled into view.
8. Retest in the same tab with new ID.
9. Verify:
   • ❌ Panel is opened and scrolled into view.
   • ❓ Any already open panel is closed.

UI Photos:

DS.PR.1630.mov

Notes:

Caution

IDS are not reliable, because the change after each page Publish.

Warning

Does not work in Edit mode, because panel IDs change each edit.

Footnotes

1. Bug is unstable IDs. Stable IDs added by editor are brittle. ↩

2. So says @heddabedda. ↩