类似QQ选择组

<style>
td {font:12px;}
.titletd {background:#eeeeee;cursor:hand;}

</style>

<table width=100>
<tr>
<td class="titletd" onclick="tbody01.style.display=tbody01.style.display==''?'none':'';">我的好友</td>
</tr>

<tbody id="tbody01">
<tr>
<td>好友123</td>
</tr>
<tr>
<td>好友123</td>
</tr>
<tr>
<td>好友123</td>
</tr>
</tbody>

<tr>
<td class="titletd" onclick="tbody02.style.display=tbody02.style.display==''?'none':'';">黑名单</td>
</tr>

<tbody id="tbody02">
<tr>
<td>黑人甲</td>
</tr>
<tr>
<td>好友123</td>
</tr>
<tr>
<td>好友123</td>
</tr>
</tbody>

</table>