菜单栏嵌套有二级菜单栏

465 阅读1分钟

html代码

 

    js代码

     // 左侧菜单 展开和合并
    $('.level01').on('click', function () {
    $(this).addClass('active').siblings().removeClass('active')
    // 判断当前单击的是否是文章管理
    if ($(this).next().hasClass('level02')) { // 说明是单击了文章管理
    // 展开或合并子菜单
    $(this).next().slideToggle()
    // 放置那个箭头
    $(this).find('b').toggleClass('rotate0')
    }else{
    // 收起菜单 ,不管之前是否有展开,都收起
    $('.level02').slideUp()
    $('.level02>li').removeClass('active');
    }
    })
    //2.二级列表
    $('.level02>li').click(function () {
    $(this).addClass('active').siblings().removeClass('active');
    });
    });