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