Semantic UI 之 侧边栏 sidebar

页面代码

    
        
        按钮
        
        
        
    
    
        
            
                XXXX管理系统
            
            
                
                
            
            
                
                    用户管理
                    博客管理
                    好友管理
                    类别管理
                
            
            个人信息
        
        
            菜单
        
        
        
            $(".ui.button").click(function () {
                $(".ui.sidebar")
                    .sidebar({
                        transition:'slide out' //默认uncover，可以取值push\overlay\slide along\slide out\scale down
                    })
                    .sidebar("toggle");
            });
        
    

效果

默认页面：

单击菜单按钮：