树型可收缩jquery导航菜单

此作品是一款非常实用的导航菜单特效，简洁大气，是网站的时候觉得好看就整理出来了，实现了树型可收缩jquery导航菜单。。。

分类：导航菜单 > 收缩菜单难易：初级

查看演示下载资源下载积分： 20 积分

首先引用文件

<script type="text/javascript" src="js/jquery.min.js"></script>
<link href="style/base.css" rel="stylesheet" type="text/css">
<script src="js/common.js" type="text/javascript"></script>
<script src="Js/showList.js" type="text/javascript"></script>
<link href="style/question.css" rel="stylesheet" type="text/css">

核心jquery代码如下：

//登陆框
function login1() {
    $.dialog({ id: 'login', title: "用户登录", closeTitle: "", min: false, max: false, lock:true, width: "450px", height: "305px", content: 'url:login.aspx' });
}
//登陆框
function login2() {
    $.dialog({ id: 'login', title: "用户登录", closeTitle: "", min: false, max: false, lock: true, width: "450px", height: "305px", content: 'url:../login.aspx' });
}
//登陆框 带gourl
function login3(gourl) {
    $.dialog({ id: 'login', title: "用户登录", closeTitle: "", min: false, max: false, lock: true, width: "450px", height: "305px", content: 'url:login.aspx?gourl=' + gourl });
}
//登陆框 带gourl
function login4(gourl) {
    $.dialog({ id: 'login', title: "用户登录", closeTitle: "", min: false, max: false, lock: true, width: "450px", height: "305px", content: 'url:../../login.aspx?gourl=' + gourl });
}