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();}); 一级菜单隐藏的二级菜单项隐藏的二级菜单项隐藏的二级菜单项一...

html: 一级菜单1 二级菜单1 二级菜单2 一级菜单2 二级菜单1 二级菜单2 一级菜单3 二级菜单1 二级菜单2 css: body,ul{margin: 0; padding: 0;} ul{list-style: none;} .UL{width: 100px; text-align: center;} .UL2{font-size: 13px; width: 100p...

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

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

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

用ul和li做导航栏,使二级菜单横向 主要使用JS实现触发事件,CSS控制样式显示。 无标题文档 机构概况 机构情况 机构组成 机构组成 人才引进 新闻动态 文化生活 style.css #mymenu { height: 25px; width: 700px; float: left; position: relativ...

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

后台管理页面 .menu>ul>li>ul{display:none;} .menu>ul>li>ul.active{display:block;} .active1{background:#f00;} $(function (){ $('.menu>ul>li>a').click(function(){ console.log($(this).siblings('ul').hasClass('active')); if($(this)...

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