1  2  3  4 
      5  6 20 21 22 
     23 
     
      24 
      
       25     
       
一级导航26         
        
         27             
         
二级导航
28             
         
二级导航29                 
          
           30 
           
三级导航
31 
           
三级导航
32 
           
三级导航
33 
           
三级导航
34 
          
35             
36             
         
二级导航
37             
         
二级导航
38         
        
39     
40     
       
一级导航
41     
       
一级导航
42     
       
一级导航
43     
       
一级导航
44     
       
一级导航
45 
      
46 
     
47 
     48 49 

以上代码可以很好理解菜单的概念。

菜单就是盒子中小盒子的开启(display:block;)与关闭（display:hidden;）

想法都是一样的，实现的方法不同，可以用纯CSS来写，也可以用JavaScript，jQuery。或是更复杂的插件bootstrap，jQuery UI等。