javascript下拉列表中显示树形菜单的实现方法

很简单的一个使用：点击菜单，能够显示下面的或者不显示。
1、主要目的：展现的是的一个菜单项，然后点击一下，隐藏，点一下，弹出下面的内容

用到的是 overflow：hidden    和  overflow="visible"这两个属性 在点击的function中，设置属性应该

node.style.overflow="visible";当然设置tr的高度也是很重要的，要恰好让其他的选项隐蔽

2、采用同样的技术，多加几个，但是就是传参数比较麻烦，采用this传参很常用

实现效果：

 
 
  
  
 
  
  
  dl{ 
  height:18px; 
  overflow:hidden; 
  } 
  dd{ 
  margin:0px; 
  padding:0px; 
  } 
  .close{ 
  height:18px; 
  overflow:hidden; 
  } 
  .open{ 
  height:80px; 
  overflow:visible; 
  background-color:#ff8000; 
  } 
  
  
  
  
  
  
  
  
  
 
 
 
 
 
 
 
 
 
  
 
 
 
1菜单条1
 
 
菜单1
 
 
菜单2
 
 
菜单3
 
 
菜单4
 
 
 
 
 
 
2菜单条2
 
 
菜单11
 
 
菜单22
 
 
菜单33
 
 
菜单44
 
 
 
 
 
 
3菜单条3
 
 
菜单12
 
 
菜单23
 
 
菜单34
 
 
菜单45
 
 
 
  
 

点击后：设置背景颜色（css设置）

如何利用javascript制作下拉列表中显示树形菜单，相信大家通过这篇文章应该有了大概的思路，也相信大家制作的下拉列表中显示树形菜单效果比小编做的还精致。