Jq实现重叠效果-实现无限级分类树形中js 的折叠效果

//获取当前的 a 标签
$('a.zd').click(function(){

//找到当前所在的tr
var tr = $(this).parent().parent();
//获取当前的级别level
var cur_level = $(this).attr('level');
//获取当前a标签的内容
var opt = $(this).html();
//判断当前是否为[-]
if(opt == '[-]')
{
//是，则在当前tr中，取出子分类并隐藏.nextAll()和preAll()获取的是兄弟节点
tr.nextAll('tr').each(function(){
//再判断a标签内 level是否大于 当前cur_level值
if($(this).find('a.zd').attr('level') > cur_level)
{
$(this).hide();
//大于，则隐藏
}
else
{
return false;
}
});

$(this).html('[+]');
}

else
{
//若当前是[+] ,则其子分类应展示
tr.nextAll('tr').each(function(){
if($(this).find('a.zd').attr('level') > cur_level)
{
$(this).show();
if($(this).find('a.zd').html()== '[+]')
{
return false;
}
}
else
{
return false;
}
});
$(this).html('[-]');
}
});