js实现超简单的展开、折叠目录代码
本文实例讲述了js实现超简单的展开、折叠目录代码。分享给大家供大家参考。具体如下：
这里介绍一款超简单的目录，展开菜单代码，鼠标点击即可展开，再次点击即可合拢，类似树形菜单的功能，网上见过很多，不多做介绍了，欢迎参考。
运行效果截图如下：
在线演示地址如下：
http://demo.jb51.net/js/2015/js-show-hidden-list-menu-codes/
具体代码如下：
<title>可折叠展开的简单目录</title>
<style>
div{
font-size:12px;
color:red;
background-color: #EAEAE8;
border: 1 solid #1892B5;
padding: 1
}
</style>
<div id="main1" style="color:blue" onclick="document.all.child1.style.display=(document.all.child1.style.display =='none')?'':'none'" >
+ 主目录1</div>
<div id="child1" style="display:none">
<a href="#">- 子目录1</a> <br>
<a href="#">- 子目录2</a> <br>
<a href="#">- 子目录3</a> <br>
<a href="#">- 子目录4</a>
</div>
<div id="main2" style="color:blue" onclick="document.all.child2.style.display=(document.all.child2.style.display =='none')?'':'none'" >
+ 主目录2 </div>
<div id="child2" style="display:none">
<a href="#">- 子目录1</a> <br>
<a href="#">- 子目录2</a> <br>
<a href="#">- 子目录3</a>
</div>
希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍js实现简单折叠、展开菜单的方法，包括了js实现简单折叠、展开菜单的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了js实现简单折叠、展开菜单的方法。分享给大家供大家参考。具体如下： 这里介绍的是意乱会折叠、展开的菜单导航栏，很老时候写的，CSS没有做美化，如果想用的朋友就自己美化吧。 运行效果截图如下： 在线演示地址如下： http://demo.jb51.net/js
-
本文向大家介绍JS+CSS实现的简单折叠展开多级菜单效果，包括了JS+CSS实现的简单折叠展开多级菜单效果的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS+CSS实现的可折叠展开多级菜单效果。分享给大家供大家参考。具体如下： 这是一款JS+CSS实现的多级折叠菜单，可折叠展开/合拢，没有引用任何的外部文件，也没有用到图片，虽然简单，而且还有些粗糙，但核心的东西已经展示给大家了，正在研究
-
本文向大家介绍jQuery实现折叠、展开的菜单组效果代码，包括了jQuery实现折叠、展开的菜单组效果代码的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery实现折叠、展开的菜单组效果代码。分享给大家供大家参考。具体如下： 这是一款jQuery实现的漂亮的竖向折叠菜单组，初次运行的时候请刷新一下页面，让jQ载入，这款菜单应用广泛，可用到后台左侧，网站前台也可以用，发现自腾讯微博开放
-
本文向大家介绍JS实现的竖向折叠菜单代码，包括了JS实现的竖向折叠菜单代码的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS实现的竖向折叠菜单代码。分享给大家供大家参考，具体如下： 先来看看运行效果截图： 在线演示地址如下： http://demo.jb51.net/js/2015/js-hxzd-menu-demo/ 具体代码如下： 希望本文所述对大家JavaScript程序设计有所帮
-
本文向大家介绍JS+CSS实现的竖向简洁折叠菜单效果代码，包括了JS+CSS实现的竖向简洁折叠菜单效果代码的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS+CSS实现的竖向简洁折叠菜单效果代码。分享给大家供大家参考，具体如下： 这是一款JS+CSS竖向简洁的折叠菜单，支持三级分类，红色垂直型，个人感觉非常棒，希望大家喜欢。 运行效果截图如下： 在线演示地址如下： http://demo
-
展开或折叠代码 操作步骤: 菜单栏:Code —> Folding —> Expand 快捷键: Mac: command + “+” Windows\/Linux: Ctrl + "+" 展开或折叠代码 操作步骤: 菜单栏:Code —> Folding —> Collapse 快捷键: Mac: command + “-” Windows\/Linux: Ctrl + "-" 展开或折叠当前代