Make accordions anchorable (theoretically)

[janine-c]

What does this PR do? What is the motivation?

An attempt to make it possible to anchor directly to an accordion and have it open automatically.

Proof of concept example: https://docs-staging.datadoghq.com/janine.chan/hackathon-accordions/security/cloud_security_management/setup/agentless_scanning/enable#quick-start-setup

Merge instructions

Merge readiness:

• Ready for merge

For Datadog employees:
Merge queue is enabled in this repo. Your branch name MUST follow the <name>/<description> convention and include the forward slash (/). Without this format, your pull request will not pass in CI, the GitLab pipeline will not run, and you won't get a branch preview. Getting a branch preview makes it easier for us to check any issues with your PR, such as broken links.

If your branch doesn't follow this format, rename it or create a new branch and PR.

To have your PR automatically merged after it receives the required reviews, add the following PR comment:

/merge

Additional notes

[github-actions]

Preview links (active after the build_preview check completes)

Modified Files

• https://docs-staging.datadoghq.com/janine.chan/hackathon-accordions/security/cloud_security_management/setup/agentless_scanning/enable

[estherk15]

Very cool!

[janine-c]

Hey @bgdeutsch 👋🏻 I did some things here:

• For some reason, when I accepted your changes, the script stopped working in my local build. Changing const details = document.getElementById(hash) back to var details = document.getElementById(hash) fixed it after some trial and error, but I don't know enough about JavaScript to understand why. If I don't make that change, I get a Uncaught ReferenceError: details is not defined error in the console.
• I added the IDs and links to a page I'd been working on before. I'm noticing an issue where the auto-scroll puts the top of the accordion behind the top nav, and I'm not sure how to fix that - I haven't seen that behaviour anywhere else in the docs. Here's an example: https://docs-staging.datadoghq.com/janine.chan/hackathon-accordions/security/cloud_security_management/setup/agentless_scanning/enable#quick-start-setup

Thanks as always for your expertise!

[janine-c]

/merge

[dd-devflow]

View all feedbacks in Devflow UI.

2025-04-04 18:05:22 UTC ℹ️ Start processing command /merge

---

2025-04-04 18:05:29 UTC ℹ️ MergeQueue: waiting for PR to be ready

This merge request is not mergeable yet, because of pending checks/missing approvals. It will be added to the queue as soon as checks pass and/or get approvals.
Note: if you pushed new commits since the last approval, you may need additional approval.
You can remove it from the waiting list with /remove command.

---

2025-04-04 18:16:13 UTC ℹ️ MergeQueue: merge request added to the queue

The expected merge time in master is approximately 18m (p90).

---

2025-04-04 18:33:08 UTC ℹ️ MergeQueue: This merge request was merged