怎么用jquery实现点击某一分组，然后动态加载它的成员，求高手解答，急急急！效果如图所示：

Question

如题所述

Answer 1

不晓得楼主所谓的加载是从后端获取还是仅仅从隐藏到显示
前者的话
为每个分组绑定个点击事件，点击时把代表这个组的特别的“id”(事先这些id就在对应标签属性里)用ajax传到后端然后取得数据，添加节点插入对应元素
后者的话
先写好对应部分，然后设置css display:none
点击事件就控制那些的display:none或block追问

我想要的是从后台获取数据然后添加结点，就是不知道这么多个好友信息怎么从后台传过来。我觉得应该传过来的是一个数组，但是不知道怎么传！而且再添加结点也不太明白。。。
请大师多多指教，说详细点，最好提供点代码参考资料什么的，只要能行的通，财富值好说

Answer 2

最简单的方式
<div class="item">
<p>初中</p>
<div class="data"></div>
</div>
默认.data Display：none；
JS:
$(function(){
$('.item p').click(function(){
var obj = $(this).parent().find('.data');
obj.load('chlid.html',function(){
obj.slideDown(200);
});
})
})
在chlid.html中写个UL即可；
这是最简单的方式模型，具体细则参看jquery开发手册AJAX篇

Answer 3

www.ligerui.com 去看一个JS的框架，里面有个一个叫做LigerTree的树状图，源码都有