🐛 Bug: HClicking on Example section header scrolls to the first Example section and highlights multiple headers

[Surajiitmjnu]

Describe the bug

When clicking on the Example section header, the page scrolls to the top Example section instead of the selected one. Additionally, both Example headers become highlighted at the same time.

Steps To Reproduce

1. Go to the https://json-schema.org/understanding-json-schema/reference/non_json_data
2. Scroll down to the second "Example" section.
3. Click on the "Example" section header.
4. Observe that the page scrolls to the top "Example" section instead of the selected one.
5. Also notice that both "Example" headers are highlighted at the same time.

Expected Behavior

The page should scroll to the exact Example section that was clicked, and only that header should be highlighted.

Screenshots

20260314-0708-59.8402317.mp4

Device Information [optional]

- OS:
- Browser:
- version:

Are you working on this issue?

Yes

Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)

No

[gayatri728]

Hi! @AgniveshChaubey I'm Gayatri, a frontend developer with JavaScript and React skills. I'd love to work on this issue. I believe this is related to duplicate anchor IDs or incorrect scroll targeting in JavaScript. Could I get assigned to work on this fix

[Utkarsh-123github]

Hi @Surajiitmjnu
Nice catch, please feel free to raise a PR for this.
Thanks!