$(function(){
	var tabsList=$("#tabs ul li a")
	var tabsContent=$("#tabs div")
	tabsList.click(function(){
		var indexNum=tabsList.index($(this));
		tabsContent.hide();
		$("a").removeClass("current"); //移徐所有a上的样式
		$(tabsContent.get(indexNum)).show();
		$(this).addClass("current"); //附加a为当前样式
	})
	
	//==========
	var tabsList2=$("#tabs2 dl dd a");
	var tabsContent2=$("#tabs2 div")
	tabsList2.mouseover(function(){
		var indexNum=tabsList2.index($(this));
		tabsContent2.hide();
		$("a").removeClass("current"); //移徐所有a上的样式
		$(tabsContent2.get(indexNum)).show();
		$(this).addClass("current"); //附加a为当前样式
	})
	
	$("#tabs2 div a").not("#tabs2 div span a").mouseover(function(){
		$("#tabs2 div a").removeClass("current"); //移徐所有a上的样式
		$(".xid").css("display","none");
		$(this).next("span.xid").css("display","block");
		$(this).addClass("current"); //附加a为当前样式
	});
	
	$(".xid").mouseover(function(){
		$(this).css("display","block");
	});
});