jQuery实现折叠、展开的菜单组效果代码

本文实例讲述了jQuery实现折叠、展开的菜单组效果代码。分享给大家供大家参考。具体如下：

这是一款jQuery实现的漂亮的竖向折叠菜单组，初次运行的时候请刷新一下页面，让jQ载入，这款菜单应用广泛，可用到后台左侧，网站前台也可以用，发现自腾讯微博开放平台，分享给大家一起研究吧。提示：如果有错误，请刷新页面。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/jquery-fade-in-out-menu-group-codes/

具体代码如下：

* { margin:0; padding:0; }
ul,li { list-style:none; }
.catalog { width:164px; margin:0 auto;}
.t1 { height:4px; background:url(images/bg_catalog.gif) left top no-repeat; }
.t2 { background:url(images/bg_catalog.gif) -164px top repeat-y; }
.t3 { height:4px; background:url(images/bg_catalog.gif) left bottom no-repeat; }
.t2 h2 { height:81px; background:url(images/bg_catalog_logo.gif) center no-repeat; text-indent:-9999px; }
.t2 h3 { heigth:36px; line-height:36px; margin:0 1px; text-indent:26px; background:url(images/bg_catalog_icon.gif) no-repeat 13px 14px; font-size:14px; border-top:1px solid #fFF; }
.t2 ul { padding:10px 0; font-size:12px; }
.t2 li { text-indent:27px; height:30px; line-height:30px; }
.selected { display:block;}
.unselected {display:none;}





 

 资源
 平台使用说明
 

 
平台介绍
 
应用开发说明
 
应用审核流程
 
成功案例
 
开发者协议
 
 API说明
 

 
API文档
 
Oauth授权说明
 
API调用权限
 
 SDK及资源下载
 

 
SDK下载
 
视觉素材下载
 
 帮助中心
 

 
常见问题解答
 
返回错误码说明
 






提示：如果有错误，请刷新页面。

希望本文所述对大家的jQuery程序设计有所帮助。