原生JS实现的二级目录（DOM）

HTML代码：

    
请选择
    

        

            
健康
            
教育
            
文化
            
生活
            
娱乐
        
    


    
请选择
    

        

        
    

CSS代码：

body{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.DropDownRight ,.DropDownLeft{
    width: 300px;
    float: left;
}
#content, #contentRight{
    display: none;
}
#container ,#containerSecond{
    width: 120px;
    line-height: 30px;
    border: 1px solid #cccccc;
    cursor: pointer;
    margin: 0 auto;
    text-align: center;
}
ul{
    border: 1px solid #cccccc;
    width: 120px;
    padding: 0;
    margin: 0 auto;
}
li{
    list-style: none;
    width: 100px;
    padding: 0;
    cursor: pointer;
    margin-top: 10px;
    text-align: center;
}

原生JS + DOM 实现代码：