JQuery 简单实现折叠菜单

利用JQUERY简单的实现功能菜单的折叠效果。本人初学，写后台稍多一点，很少写前台的效果。还请大虾们多多指教。

菜单为二级，初始化时为折叠效果，单击大项标题时展开，显示二级列表。

HTML代码如下：

代码

<script language="javascript" src="js/jquery-1.4.2.js" type="text/javascript">
<script language="javascript" type="text/javascript">
$(document).ready(function () {
//将二级菜单设置为不可见
$(".FAQlist").css("display", "none");
//单击一级菜单触发的事件
$(".bartitleFAQ").click(function () {
$(".FAQlist").css("display", "none");//将二级菜单全部设置为不可见
$(this).next(".FAQlist").css("display", "block");//当前一级菜单的二级菜单设置为可见
})
})

</script>