那代码如下#39body#39clickfunction $#39#nav#39hide例如要隐藏的菜单的id为nav，要点击的地方id名为content，那代码如下#39#content#39clickfunction $#39#nav#39hide；需要通过Jquery来实现这种点击页面其他地方隐藏菜单的效果，重要的一点就是需要通过eventstopPropagation来阻止事件冒泡菜单按钮百度绑定按钮事件，点击按钮可以打开菜单，同时也能关闭按钮$quotaquotonquotclickquot， function；点击展开或隐藏菜单，最好在菜单前加一个图标按钮，美观又方便如果想像你这样实现，最好在每一个ul和li加上ID这个ID必须是有规律的，比如父ID为1_1，子ID1_1_1，用链接的点击事件根据ID获取父菜单和子菜单；参考下面代码 documentreadyfunction quot#wenzhangdddlddquothideeach$quot#wenzhangdddldtquot， function thisclickfunction quot#wenzhangdddldd quotnot$thisnext。

jquery实现由一级导航菜单到二级滑动显示效果，并点击增加背景变化效果，代码挺简单的，但是也效果也很好，是非常实用的，也是很流行的菜单样式 html 1 2 22 22 lt；3需要把上面两个js引入你的项目中 导入jQuery库和Superfish插件 为了让菜单一个默认的样式，大家还可以到superfish下载superfishcss样式文件，可以直接调用。

quotclassquotaddEventListenerquotchangequot，function documentgetElementByIdquotclassStudentquotinnerHTML = datathisvalue jquery * $quot#classquotchangefunction。

页面刷新了，肯定重置了~两个思路吧1用cookie把点击状态记录下来，菜单加载后根据cookie的值展开对应菜单 2点击事件的连接做到iframe里，点击只改变iframe的src；利用Jquery的ready函数实现整个页面的加载完成后执行动作$function是$documentreadyfunction的简写 在function内部实现鼠标进入事件，以及所有下拉效果的实现停止播放所有的特效动画，隐藏子菜单图为js；2在html代码页面新建标签，再在界面内输入如下代码 请选择下拉菜单 选择1 选择2 选择3 3然后再在界面内添加点击事件并输入如下代码 function；菜单2 子菜单1 子菜单2 如果要做这样的折叠菜单 那html为 菜单1 子菜单1 子菜单2 菜单1 子菜单1 子菜单2 css为没样式只有功能，样式自己去加；首先，新建一个html界面，然后引入jqueryuijs，jqueryuicss，jquery即可数字表示的是版本号，只要jquery的版本是2版本的基本都可以，太高版本的和jqueryui不兼容哦然后我们添加一个div作为折叠菜单的最外层，并且添加i。

quot#idquothover鼠标移上去的方法 function quot#菜单quotshow500，鼠标移开的方法 function quot#菜单quothide 菜单肯定是要样式的；添加新的手风琴风格菜单 function addMenudata， sysName var menuList = quotquot 回圈全部模组菜单讯息 $eachdata， function i， objOne menuList = quotquot 回圈某个模组下所有菜单；你是要横着的导航条式的，还是竖着的目录式的呢quotleftsculliquothoverfunction thisfindquotulquotshow，function thisfindquotulquothide剩下的就是你的css样式布局了你也可以。

简单写了一个，仅供参考 lt！doctype tree li tree li uldisplay function var $tree = $quot#treequot获取tree var $a_tops = $treechildrenquotliquotchildrenquotaquot找到tree。