JQuery实现菜单栏点击+iframe跳转

界面代码。左边菜单栏，右边Iframe窗口

	

	

	
	
一级菜单-网址

	
二级菜单-百度
		
二级菜单-淘宝
			
二级菜单-csdn
	
		
	
		
一级菜单-xxx

	
二级菜单-百度
		
二级菜单-淘宝
			
二级菜单-csdn
	
	
	
	



	

		
	

JQuery实现代码：

	// 	侧边栏的点击
	$("#left").click(function(event) {
		var $target = $(event.target);
		if ($target.hasClass("firstitem")) {
			var $arr1 = $target.parent().children();
			for (var i = 0; i < $arr1.length; i++) {
				if ($($arr1[i]).hasClass("secitem")) {
					if ($($arr1[i]).css("display") == "block") {
						$($arr1[i]).css("display", "none");
					} else {
						$($arr1[i]).css("display", "block");
					}
				}
			}
		}
		//iframe跳转
		if ($target.hasClass("secitem")) {
			var $url = $target.attr("url");
			var $iframe = $("#iframe");
			$iframe.attr("src", $url);
		}
	});