如何使用HTML5中details和summary元素显示菜单

1、第一步，打开HBuilder开发工具，新建页面文件，并打开修改title标题

2、第二步，在body标签中，插入details元素和summary元素

3、第三步，保存代码并运行页面文件，打开槐廊浏览器并查看效悦总汽果

4、第四步，点击左侧的三角图标，可以展开或收缩起来

5、第五步，在details元素中，添加ontoggle事茄付件；p标签添加id属性

6、第六步，在script标签中，定义事件函数showHide，传入参数obj；然后再次查看效果