基于JQuery的简单实现折叠菜单代码_jquery
来源：游财网
菜单为二级，初始化时为折叠效果，单击大项标题时展开，显示二级列表。
HTML代码如下：
代码如下:
服务管理
等待提交
等待发布
正式项目
点此新增
更新流程
后台搜索
更新流程
FAQ管理
等待提交
等待发布
正式项目
点此新增
下载管理
等待提交
等待发布
正式项目
点此新增
返回首页
其中JQUERY脚本，只需简单的几行便可以实现想要的效果。具体代码如下所示：
代码如下:
$(document).ready(function () {
//将二级菜单设置为不可见
$(".FAQlist").css("display", "none");
//单击一级菜单触发的事件
$(".bartitleFAQ").click(function () {
$(".FAQlist").css("display", "none");//将二级菜单全部设置为不可见
$(this).next(".FAQlist").css("display", "block");//当前一级菜单的二级菜单设置为可见
})
})
显示全文