JSCode:
//导入jquery库
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
//程序代码
<script type="text/javascript">
$(document).ready(function()
{
$("#mymenu ul li").next("ul").hide();
$("#mymenu ul li").click(function()
{
$(this).next("ul").toggle();
});
});
</script>
HTMLCode:
<div id="mymenu">
<ul>
<li><a href="#">用户管理</a></li>
<ul>
<li><a href="#">用户查询</a></li>
<li><a href="#">添加用户</a></li>
<li><a href="#">用户组</a></li>
</ul>
</ul>
<ul>
<li><a href="#">课程管理</a></li>
<ul>
<li><a href="#">课程列表</a></li>
<li><a href="#">添加课程</a></li>
</ul>
</ul>
</div>
分享到:
相关推荐
jquery实现ul_li菜单展开收起效果.
通过jquery 控制ul下li标签中的ul li列表,来实现ul的收缩和展开功能
JQuery实现动态滚动菜单效果 JQuery实现动态滚动菜单效果 JQuery实现动态滚动菜单效果
jquery实现多级导航菜单效果 滑动效果
jQuery侧边栏纵向导航菜单展开收缩代码 jQuery侧边栏纵向导航菜单展开收缩代码
实现效果 点击标题名如“帮助”后下拉出“帮助”的子元素 再次点击“帮助”后列表收缩回去 代码和样式很简单。希望对各位有帮助 自己回去改改便可
jquery css实现的展开收起效果,和京东一样,精简高效,css仅47行,js仅14行。 已测试通过的浏览器 * IE8 * chrome * firefox * safari * opera
jquery 实现 展开的同时收缩其他的菜单
JQuery实现浮动菜单,鼠标离开焦点关闭浮动菜单关闭窗口
jQuery+ul实现漂亮竖直下拉菜单,这是一款非常常见的漂亮的下拉菜单
jQuery实现菜单叠加效果代码 包含html css javascript源代码
jquery css3实现动态选项卡菜单切换效果
jQuery鼠标悬停3d菜单展开动画
在工作中的项目使用的是一个前端基于 jQuery easyui 的一个系统,其中左侧的主菜单使用的是 easyui 中的 ...SimpleTree使用起来比较方便,它实现了最基本的树形菜单的功能,包括1个JS文件、1个CSS文件和5个图标文件。
上周新接手一个网站建设的活儿,其中有需要要jquery代码实现三级菜单的需求,其实说难也不难,下面小编把代码分享给大家,供大家参考。 先给大家展示下效果图,如果大家感觉还不错的话,请参考实现代码。 HTML代码...
jQuery左上角圆形菜单展开收缩特效是一款基于jQuery CSS3实现的动态折叠菜单。
jQuery实现垂直滚动菜单效果是一款鼠标上下移动菜单垂直滚动切换特效。
jquery实现二级菜单向上导航效果,导航在切换的同时,背景图片也会有相应的切换,效果很棒
jQuery accordion menu垂直展开收起的导航菜单,同样是扁平化的Bootstrap的风格,这款菜单同样带有动画展开效果,点击右侧的竖向节点线就可展开菜单项,修改菜单为中文内容即可。本菜单可作成问答式客服网页,标题...
jQuery动画效果悬浮菜单是一款基于jQuery实现的带有动画效果显示的图标悬浮菜单。