基本信息

---

下载

   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

---

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　

支付宝支付

微信支付

   源码介绍

---

1. 打开“1-仿QQ列表分组.html”，通过jQuery实现访QQ列表好友分组。

1）在显示当前div之前, 先隐藏其他div

2）交替切换被选元素的 隐藏和显示

<script type="text/javascript">
	/* --通过jQuery实现访QQ列表好友分组-- */
	//提示:在显示当前div之前, 先隐藏其他div，,点击交替显示
	function openDiv(thisObj){
	//1. 获取当前分组内好友列表div
	var odiv=thisObj.parentNode.getElementsByTagName("div")[0];
	console.log(thisObj);//输出的是网页元素html
	console.log(this);//输出的是网页变量
	//console.log(odiv);
	//2. 判断当前分组div是展开的还是关闭的
	if(odiv.style.display=="block"){
	odiv.style.display="none";//3. 如果当前div打开 则就设置为关闭
	}else{
	//4.如果当前div是关闭的，先关闭其他分组的div，再打开当前的
	var aDiv=document.getElementsByTagName("div");
	//console.log(document.getElementsByTagName("div"));
	//遍历依次关闭所有分组
	for(var i=0;i<aDiv.length;i ){
	aDiv[i].style.display="none";
	}
	//再打开当前分组
	odiv.style.display="block";
	}
	}
	</script>