知道你要啥样的，就说个最简单的竖列折叠菜单吧,比如：
目前成都创新互联公司已为数千家的企业提供了网站建设、域名、网站空间、网站托管、服务器租用、企业网站设计、太子河网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
菜单1
子菜单1
子菜单2
……
菜单2
子菜单1
子菜单2
……
如果要做这样的折叠菜单 那html为：
div class="menu"
div菜单1/div
ul
li子菜单1/li
li子菜单2/li
……
/ul
/div
div class="menu"
div菜单1/div
ul
li子菜单1/li
li子菜单2/li
……
/ul
/div
css为：(没样式只有功能，样式自己去加)
.menu ul{ display:none}
js为：
$('.menu').click(function(){
$(this).find('ul').slideToggle();
)}
分享一个常见于管理后台的左侧菜单栏折叠展开的效果，基于jquery，效果图如下：
一：页面结构：
二：页面样式css，放在head标签里
三：引入jquery文件
四：给一级菜单绑定点击事件，点击时展开下面的子菜单
五：给二级菜单绑定事件，点击时加入选中的深色背景
六：阻止二级菜单点击发生冒泡，当点击二级菜单的时候，一级菜单的事件也会发生，此时二级菜单会被收起，因此需要阻止事件冒泡
原文作者技术博客：
95后前端妹子一枚，爱阅读，爱交友，将工作中遇到的问题记录在这里，希望给每一个看到的你能带来一点帮助。
欢迎留言交流
//给白色框里的ul一个class为list_menu
script
$(funtion() {
$(".li2").click(
var flag = $(".list_menu").css("display");
if(flag == 'none') {
$(".list_menu").show();
}else {
$(".list_menu").hide();
}
);
});
/script
用选择器啊 你根据这个改一下
$(".main a").click(function(){//如果设为.main a则在子菜单的点击也有相同的效果
//找到主菜单项所对应的子菜单项
var ulNode=$(this).next("ul");
/*最初的方法
if(ulNode.css("display")=="none"){
ulNode.css("display","block");//把display属性改为block
}else{
ulNode.css("display","none");
}
你呆以把html代码贴出来，写个折叠菜单不需要这么多代码。最多4行，html结构好的话2行足够
