If you specify the same name on each `details` element they behave like an accordion automatically [1], no need for JavaScript. If you set one of them to open that one will be initially open.
[1] https://developer.mozilla.org/en-US/blog/html-details-exclus...
It's not about using it as an accordion, it's about controlling the open/closed state from other interactions.
different things with the same name? O_O
It’s the name of the accordion and matches how radio buttons work. If you want to distinguish them, you’ll give them different ids.
I understand it, just wondering if it is good taste.
On a different note, trying to use an accordion this simplistic is quite terrible.
https://jsfiddle.net/8m0t5af6/
Or this?
https://jsfiddle.net/8m0t5af6/1/
Not very nice.