![Cover image for Native HTML: Accordion](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Ftf6j1diq4nuwyuaoal8o.jpg)
If you cast your mind back 10 years to when JQuery was king you might remember how ubiquitous JQuery UI was, it meant sites suddenly had more funct...
For further actions, you may consider blocking this person and/or reporting abuse
I'm really enjoying this series so far, Andrew. Looking forward to learning more native HTML elements. As of writing this, I have recognized none of the HTML elements you have mentioned in your posts. It's great to learn something new in HTML. It's a breath of fresh air from all the JavaScript I have in my life right now.
Thank you that means a lot 🙂
All I can say is, this is beautiful. So elegant. So simple. Perfect for my needs! I have been wrestling with CSS for hours.
I taught myself HTML in 1997. Haven't designed a website since 2003, when CSS was brand new. No clue about all this new stuff. Thank you, thank you, thank you! I'm going to use this for the lyrics to my songs (I'm a songwriter/composer).
Again, thank you!
This is a really good post. Very interesting series.
I don't see that as a problem :) Animations in functional parts of a UI are a UX-smell.
I agree that it's not a show-stopper but I would like the option to add a slide out animation. Generally, I don't like it when content appears, seemingly, from nowhere.
I absolutely love this...thanks a million....makes my job sooo much easier. Hurrah for no Javascript! I am using it for a new Shopify store :)
This is very helpful.
Thanks for sharing
Is it possible to animate this accordion?
An aside for any new readers
dev.to
now uses this method to hide and show commentsChangelog: Collapse Comments (via the `details` HTML tag)
Ben Halpern
Hi! You can use name property to keep one element open. Here are more details! developer.mozilla.org/en-US/docs/W...