DEV Community

Cover image for Accordion Panel with HTML-CSS
Enes Kılıç
Enes Kılıç

Posted on

Accordion Panel with HTML-CSS

In this post, we will make an Accordion Panel. We can make this component with HTML <details> tag without Javascript.

If you want to see all HTML-CSS projects look this Repository



<details>
 <summary>Panel Title</summary>

 Panel Content

</details>
Enter fullscreen mode Exit fullscreen mode

That's it. Toggles Panel content on clicking the Panel Title. You can make different components with using this tag.

Netflix FAQ Table with some styles.

Top comments (0)