全部栏目

首页 热点资讯 义务教育 高等教育 出国留学 考研考公
您的当前位置：首页正文

基于jQuery实现简单的折叠菜单效果_jquery

2020-11-27 来源：东饰资讯网
本文实例讲述了JQuery实现简单的折叠菜单效果代码。分享给大家供大家参考。具体如下：
运行效果截图如下：

Html代码如下：


 
菜单一

 
 
  • 1111
    • 
 
  • 1111
    • 
 
  • 1111
    • 
 
 
    菜单二
    
 
 
  • 2222
    • 
 
  • 2222
    • 
 
  • 2222
    • 
 
 
    菜单三
    
 
 
  • 3333
    • 
 
  • 3333
    • 
 
  • 3333
    •

    插件实现代码如下：

    


    这里就不作讲解了，注释都写明了。
    
示例DEMO如下：
    

    


    


 
 


 
 
    菜单一
    
 
 
  • 1111
    • 
 
  • 1111
    • 
 
  • 1111
    • 
 
 
    菜单二
    
 
 
  • 2222
    • 
 
  • 2222
    • 
 
  • 2222
    • 
 
 
    菜单三
    
 
 
  • 3333
    • 
 
  • 3333
    • 
 
  • 3333
    • 
 
 

 
            
            
            
    
    显示全文