js实现收缩菜单效果实例代码

废话不多说,直接上代码: 有注释

复制代码 代码如下:

   
   
        div
        {
            border: 1px solid black;
            width: 100px;
        }
        ul .tit, .content
        {
            list-style-type: none;
        }
        .menu
        {
            padding: 0px;
            margin: 0px;
        }
        .tit
        {
            background-color:#0094ff;
            color:White;
            padding:2px 10px;
            cursor:pointer;
        }
   
   
   


   
       

           
• 菜单1

           
• 
                 
  
                     
  • 11111
  
                     
  • 11111
  
                     
  • 11111
  
                     
  • 11111
  
                 
  
             

       

           
• 菜单2

           
• 
                 
  
                     
  • 22222
  
                     
  • 22222
  
                     
  • 22222
  
                     
  • 22222
  
                 
  
             

       

           
• 菜单3

           
• 
                 
  
                     
  • 22222
  
                     
  • 22222
  
                     
  • 22222
  
                     
  • 22222