What about using CSS directly to toggle the display of the accordion items?
So maybe something like this:
input[type="checkbox"]:checked + div { /* styles */ }
MDN: Adjacent Sibling Combinator
There are also tricks like wrapping the entire contents of an accordion item in the label that's related to the checkbox, and then doing something like this instead:
input[type="checkbox"]:checked > div { /* styles */ }
Hey cool thank you 🙏
No problem! Glad to help.
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
What about using CSS directly to toggle the display of the accordion items?
So maybe something like this:
MDN: Adjacent Sibling Combinator
There are also tricks like wrapping the entire contents of an accordion item in the label that's related to the checkbox, and then doing something like this instead:
Hey cool thank you 🙏
No problem! Glad to help.