Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

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.




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: