js实现简单折叠、展开菜单的方法

本文实例讲述了js实现简单折叠、展开菜单的方法。分享给大家供大家参考。具体如下：

这里介绍的是意乱会折叠、展开的菜单导航栏，很老时候写的，CSS没有做美化，如果想用的朋友就自己美化吧。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-simple-hidden-show-menu-codes/

具体代码如下：

td { cursor: hand; font-family: Tahoma; background-color: #336699; color: #99CCFF; font-size: 10pt }
li{ color: #FF0000; font-family: Tahoma; background-color: #99CCFF; font-size: 9pt}
.up{ background-color: #3A6EA5; border-left: 1 solid #A6C1DF;border-right: 1 solid #002200; border-top: 1 solid #A6C1DF; border-bottom: 1 solid #002200 }




 

 

  
+01-10
01
02
03
04
04
05
06
07
08
09
10
  
 
 

  
+11-20
11
12
13
14
15
16
17
18
19
20
  
 
 

  
+21-30
21
22
23
24
25
26
27
28
29
30
  
 
   

  
+31-40
31
32
33
34
35
36
37
38
39
40
  
 
  

  
+41-50
41
42
43
44
45
46
47
48
49
50
  
 
   

  
+51-60
51
52
53
54
55
56
57
58
59
60
  
 
  

  
+61-70
61
62
63
64
65
66
67
68
69
70
  
 
  

  
+71-80
71
72
73
74
75
76
77
78
79
80
  
 
 

希望本文所述对大家的javascript程序设计有所帮助。