//开启懒加载
layui.use('flow', function () {
    var flow = layui.flow;
    //当你执行这样一个方法时，即对页面中的全部带有 lay-src 的 img 元素开启了懒加载（当然你也可以指定相关 img）
    flow.lazyimg();
});
$(() => {
    //点击事件
    $('.imgBox div').click(function () {
        //获取被点击图片的src
        let src = $(this).children('img').attr('src');
        layer.open({
            type: 1,
            title: false,
            closeBtn: 0,
            area: ['auto', '90%'],
            skin: 'layui-layer-nobg', //没有背景色
            shadeClose: true,
            //插入的内容，这里直接强制插入了一个img标签
            content: ''
        });
    })
})

    

        

            

                我是一级菜单1号 
            
            

                

                    
我是二级菜单1号
                
            
        
        

            

                我是一级菜单2号 
            
            

                

                    
我是二级菜单1号
                
                

                    
我是二级菜单2号
                
            
        
    



    

        我是一级菜单1号 + 我是二级菜单1号
    
    

        我是一级菜单2号 + 我是二级菜单1号
    
    

        我是一级菜单2号 + 我是二级菜单2号
    

let num = 0;
//给每个二级菜单绑定点击事件
for (let i = 0; i < $('.tabBody').length; i++) {
    //闭包函数变量套现
    (function (j) {
        //当前循环的的一级菜单中所有二级
        $('.tabBody').eq(i).children('li').click(function () {
            //点击索引值，j为之前绑定过的个数
            let index = $(this).index() + j;
            $('.rightbox .doc').eq(index).fadeIn('fast', 'linear').siblings().fadeOut('fast', 'linear');
        })
    }(num))
    //每次绑定完的数量
    num += $('.tabBody').eq(i).children('li').length;
}