用HTML标签实现点击展开/关闭详情的效果

实现这种效果需要用到 details 和 summary 标签<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>details和summa

WinstonLau

14852人浏览 · 2019-03-12 21:54:04

WinstonLau · 2019-03-12 21:54:04 发布

实现这种效果需要用到 details 和 summary 标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>details和summary标签</title>
</head>
<body>
    <details>
        <summary>常见的水果</summary>
        <ol>
            <li>草莓</li>
            <li>香蕉</li>
            <li>苹果</li>
        </ol>
    </details>
</body>
</html>