展开折叠treenode使用jquery

Question

我正在树中的jQuery的帮助下，每当有多个孩子为特定的孩子我想给一个切换effect.it意味着应该有一个加号图标点击它的树应该扩大和减去图像应该来减树的点击应该崩溃和加图像应该来。

如何开发这个树节点的任何工作示例将有助于

这样我已经用你的函数

function createSpanImageNode(spnNew) { 
    var spnImage = document.createElement("span"); 
    spnImage.id = spnNew + "_" + "spn1"; 
    $(spnImage).addClass('SpanPlus'); 
    spnImage.setAttribute('onclick', 'toogleNode("' + spnImage.id + '")'); 
    return spnImage; 
} 

function toogleNode(spnID) { 
     debugger; 
     var dv = $("#" + spnID).parents("div:first"); 
     var chkUl = $(dv).find('ul').length; 
     if (chkUl.length > 0) { 
      if ($("#" + spnID).hasClass('SpanPlus')) 
       $("#" + spnID).removeClass('SpanPlus').addClass('SpanMinus'); 
      else 
       $("#" + spnID).removeClass('SpanMinus').addClass('SpanPlus'); 
      $(dv).find('ul').animate({ height: 'toggle' }); 
     } 
    } 

但是，当它得到chkul值1则意味着它里面去如果 循环，但它没有进去我不知道为什么你可以告诉我。

Answer 1

我不确定你的树结构，但你可以使用这样的东西。

$(img.handle).click(function(){ 
    if($(this).hasClass('plus')) 
     $(this).removerClass('plus').addClass('minus'); 
    else 
     $(this).removerClass('minus').addClass('plus'); 
    $(this).find('child').animate({height: 'toggle'}); 
});