展開摺疊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'}); 
});