使用<details>和<summary>元素
它可以在body的任意地方使用下面有一个小例子
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>summary</title> </head> <body> <details> <summary>第一部分</summary> <p>第一部分内容</p> <details> <summary>第二部分</summary> <p>第二部分内容</p> </details> </details> </body> </html>
效果如下
折叠：
打开
