Discover how the very useful details and summary elements work, and where to use them.
A disclosure widget is a user interface control that hides and shows content. If you are reading this on web.dev, and your viewport is less than 106 ems wide, clicking on the "On this page" above this paragraph reveals the table of contents for this section. If you don't see it, shrink the browser to view the table of contents
navigation on this page as a disclosure widget.
Sample page list FAQ :
1. How to Use Blogger Template?
Whether his style is one we love or hate, it’s important for us to remember that typography is not technically about choosing typefaces (1)
2. How to Change Blogger Template?
Whether his style is one we love or hate, it’s important for us to remember that typography is not technically about choosing typefaces (2)
3. How to Create Blogger Template?
Whether his style is one we love or hate, it’s important for us to remember that typography is not technically about choosing typefaces (3)
4. How to Sample Blogger Template?
Whether his style is one we love or hate, it’s important for us to remember that typography is not technically about choosing typefaces (4)
How to use Details and summary!
HTML Code Default
<details> <summary>Title FAQ?</summary> <p>Text content FAQ</p> </details>
Preview :
Title FAQ?
Text content FAQ
HTML Code open Content
<details open=''> <summary>Title FAQ?</summary> <p>Text content FAQ</p> </details>
Preview :
Title FAQ?
Text content FAQ
Learn more Details and summary
Read more for details : https://web.dev/learn/html/details