xxsr.net
当前位置:首页 >> 竖导航菜单 单击li显示下级菜单,再次点击则折叠隐... >>

竖导航菜单 单击li显示下级菜单,再次点击则折叠隐...

这样就可以了吧。 $('ul>li>a').click(function(){ $(this).next('ul').toggle(); })

CSS+JavaScript三级折叠菜单 *,body,ul,li,h1,h2 { margin: 0; padding: 0; list-style: none;}body { font: 12px "宋体"; padding-top: 20px;}#menu { width: 200px; margin: auto;}#menu h1 { cursor: pointer; color: #FFF; font-size: 12px...

RunJS 演示代码jQuery(function($){$("ul>li>a").click(function(){$(this).next("ul").toggle().closest("li").siblings("li").children("ul").hide();}).next("ul").hide();}); 一级菜单隐藏的二级菜单项隐藏的二级菜单项隐藏的二级菜单项一...

如果我猜的不错的话,你用的方法是鼠标在一级上时,二级的display设置为block,当鼠标离开一级时display为none。所以当你的鼠标离开一级指向二级时二级隐藏了。 你可以这样写,当鼠标指向一级节点时,它的二级节点为显示,而其他一级节点的二级...

你套dedecms何必用脚本呢?程序调用就可以实现了。 {dede:channel type='top' row='10' currentstyle="~typename~"} [field:typename/] {/dede:channel} 注意 currentstyle="~typename~"} 这串函数就是代表当前栏目增加了一个class hover在css定...

让二级菜单变成一行,只需要在竖排的效果上,让二级菜单都浮动起来,这样就在一行了。 下面是简单的代码实现,仅供参考: * {margin:0px; padding:0px;}li {list-style:none; width:100px; height:30px; font-size:14px; text-align:left; line-h...

你好 看了下你的代码发现你是用a用的导航,这样当然会出现如果不在a上面就会隐藏二级菜单了,而且你的是a里面套a,这样很不好的。 出于HTML标签语义化考虑,一般都是用ul,li来写导航的,我给你个提示,你试着做做。 这里是一级导航 这里是二级导...

用绝对定位 position:absolute; top,bottom,left,right指定固定位置 无标题文档 .demo1{ width:300px; height:200px; display:block; background:pink; position:absolute; top:20px; left:50px; } .demo2{ width:300px; height:200px; displ...

CSS 里面有一个 visibility: hidden 来隐藏,但它会占据位置就有一个空白,换 display: none; 就可以彻底隐藏。 当我们的鼠标移上去后,我们把它的 display: 改成空的,让它恢复默认值。鼠标悬停是捕获 onmouseover 事件。 比如: home> 1 2 隐...

.zidf_div,.zxfw_div{ margin-top:-8px;display:none; position:absolute;padding-top:30px;}.zidf_div:hover,.zxfw_div:hover{padding-top:0px; }修改第一行代码,添加第二行代码试试看。

网站首页 | 网站地图
All rights reserved Powered by www.xxsr.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com