This content originally appeared on DEV Community and was authored by Enes Kılıç
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>
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.
This content originally appeared on DEV Community and was authored by Enes Kılıç
Print
Share
Comment
Cite
Upload
Translate
Updates
There are no updates yet.
Click the Upload button above to add an update.
APA
MLA
Enes Kılıç | Sciencx (2021-12-10T17:58:47+00:00) Accordion Panel with HTML-CSS. Retrieved from https://www.scien.cx/2021/12/10/accordion-panel-with-html-css/
" » Accordion Panel with HTML-CSS." Enes Kılıç | Sciencx - Friday December 10, 2021, https://www.scien.cx/2021/12/10/accordion-panel-with-html-css/
HARVARDEnes Kılıç | Sciencx Friday December 10, 2021 » Accordion Panel with HTML-CSS., viewed ,<https://www.scien.cx/2021/12/10/accordion-panel-with-html-css/>
VANCOUVEREnes Kılıç | Sciencx - » Accordion Panel with HTML-CSS. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/12/10/accordion-panel-with-html-css/
CHICAGO" » Accordion Panel with HTML-CSS." Enes Kılıç | Sciencx - Accessed . https://www.scien.cx/2021/12/10/accordion-panel-with-html-css/
IEEE" » Accordion Panel with HTML-CSS." Enes Kılıç | Sciencx [Online]. Available: https://www.scien.cx/2021/12/10/accordion-panel-with-html-css/. [Accessed: ]
rf:citation » Accordion Panel with HTML-CSS | Enes Kılıç | Sciencx | https://www.scien.cx/2021/12/10/accordion-panel-with-html-css/ |
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.