原生js实现折叠子菜单效果

代码语言:html

所属分类:菜单导航

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>


    <style>
        body {
            padding: 80px;
        }
    </style>
</head>
<body>
    <div id="menu">
        <h4 onclick="toggle(this);">
            菜单一
        </h4>
        <div style="display:none;">
            <p>
                子菜单
            </p>
            <p>
                子菜单
            </p>
            <p>
                子菜单
            </p>
            <p>
                子菜单
            </p>
        </div>

        <h4 onclick="toggle(this);">
            菜单二
        </h4>
        <div style="display:none;">
            <p>
                子菜单
            </p>
            <p>
                子菜单
            </p>
            <p>
                子菜单
  .........完整代码请登录后点击上方下载按钮下载查看

网友评论0