基于jquery实现三级下拉菜单

基于jquery实现三级下拉菜单

ID:30511194

大小:15.83 KB

页数:4页

时间:2018-12-30

基于jquery实现三级下拉菜单_第1页
基于jquery实现三级下拉菜单_第2页
基于jquery实现三级下拉菜单_第3页
基于jquery实现三级下拉菜单_第4页
资源描述:

《基于jquery实现三级下拉菜单》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解基于jquery实现三级下拉菜单  这篇文章主要为大家详细介绍了基于jquery实现三级下拉菜单的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下  本文实例为大家分享了jquery三级下拉菜单的具体实现代码,供大家参考,具体内容如下  在写这个的时候,首先要捋顺思路。点一个菜单的时候,其他的要闭合,点一级菜单的时候,二三级菜单要闭合,等等。   大致代码如下:  代码如下:            目录A   

2、      二级目录A           三级目录A               二级目录B对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解     二级目录C            目录B         二级目录A           三级目录A               二级目录B     二级目录C            目录C  

3、      //jQuery部分       $(document).ready(function(){    $('.a').click(function(){对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解    if($(this).siblings('ul').css('display')=='none'){     $(this).s

4、iblings('ul').slideDown(100).children('li');     if($(this).parents('li').siblings('li').children('ul').css('display')=='block'){     $(this).parents('li').siblings('li').children('ul').slideUp(100);     }    }else{     //控制自身菜单下子菜单隐藏     $(this).siblings('ul').slideUp(100);     //

5、控制自身菜单下子菜单隐藏     $(this).siblings('ul').children('li').children('ul').slideUp(100);    }    });   });    对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解  如果要添加样式的话,一定要注意,否则菜单可能会出现错误。   完整代码地址:http

6、s://github.com/SabrinaTian/ThreeMenuNav.git   git里还有一个带有图标的案例,不点击的话是+号,菜单打开后,变为-号。  以上就是本文的全部内容,希望对大家的学习有所帮助。对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。