HTML - TAG DETAILS
O elemento HTML details (details) é usado como uma ferramenta de onde o usuário irá obter informações adicionais.
Segue 2 exemplos de TAG DETAILS.
codigo HTML
x
<details>
<summary>Ver detalhes</summary>
<ul>
<li>teste 1</li>
<li>teste 2</li>
<li>teste 3</li>
</ul>
</details>
<details>
<summary>Ver detalhes</summary>
<a href="http://wwww.google.com" tabIndex="3" accessKey="g">google</a><br/>
<a href="http://wwww.youtube.com" tabIndex="1" accessKey="y">youtube</a><br/>
<a href="http://wwww.gmail.com" tabIndex="2" accessKey="m">GMAIL</a><br/>
</details>
<summary>Ver detalhes</summary>
<ul>
<li>teste 1</li>
<li>teste 2</li>
<li>teste 3</li>
</ul>
</details>
<details>
<summary>Ver detalhes</summary>
<a href="http://wwww.google.com" tabIndex="3" accessKey="g">google</a><br/>
<a href="http://wwww.youtube.com" tabIndex="1" accessKey="y">youtube</a><br/>
<a href="http://wwww.gmail.com" tabIndex="2" accessKey="m">GMAIL</a><br/>
</details>