js+css3手风琴展开收缩下拉菜单代码

js+css3手风琴展开收缩下拉菜单代码-精品资源网
js+css3手风琴展开收缩下拉菜单代码
此内容为免费资源,请登录后查看
0
免费资源

js+css3手风琴展开收缩下拉菜单代码

这是一款扁平化风格js+css3手风琴展开收缩下拉菜单代码,带小图标,支持多级子菜单。

js代码

<script>
var list = document.querySelectorAll(\'.list\');

function accordion(e) {
    e.stopPropagation();
    if (this.classList.contains(\'active\')) {
        this.classList.remove(\'active\');
    } else
    if (this.parentElement.parentElement.classList.contains(\'active\')) {
        this.classList.add(\'active\');
    } else
    {
        for (i = 0; i < list.length; i++) {
            list[i].classList.remove(\'active\');

        }
        this.classList.add(\'active\');
    }
}
for (i = 0; i < list.length; i++) {
    list[i].addEventListener(\'click\', accordion);
}
</script>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容