简单实现js点击展开二级菜单功能-创新互联

虽然，jQuery已经非常好用了，但是实际的开发项目中，还是有很多限制，比如项目组奇葩的要求，不能使用任何插件，当然，也是考虑插件占用资源，毕竟100+KB对与小型项目来说还是非常大的。我最近就遇到做个点击展开二级菜单的要求，当然只能用原生的JS去写来实现，我借鉴了网上的一个案例，补充一下，分享一下：

如果，默认打开页面进来时二级菜单是隐藏的，需要点击才能展现二级菜单，再点击就是隐藏二级菜单。这里有两个点，实现展现和隐藏用display="block"和display="none",另外就是要做一个判断，if   else的判断当前是block还是none。

 
 
 
  
  
  
 
 
 
 
  
一级菜单1 
   
 
    
二级餐单1
 
    
二级餐单1
 
    
二级餐单1
 
    
二级餐单1
 
   
 
  
 
  
一级菜单2 
   
 
    
二级菜单2
 
    
二级菜单2
 
    
二级菜单2
 
    
二级菜单2
 
   
 
 
  
 
  
一级餐单3
 
 
 
  
 

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。