jQuery與JSON嵌套手風琴

Question

我一直在嘗試使用jQuery嵌套手風琴和JSON對象。

我試圖成功構建層次結構。但是，由於某種原因，當我點擊子元素手風琴時，整個手風琴都會崩潰。

任何想法我做錯了什麼？任何幫助，將不勝感激。

Answer 1

這是可以做到這樣：

mangoServiceList += '<div class="accordion" ><h4><li>'+ mangoServ.name +'</li></h4><div>' + mangoServ.description+ '</div></div>'; 

注意，現在這不是ID，但類

然後添加的funcionality

$(".accordion").each(function(){ 
    $(this).accordion({ 
     collapsible:true, 
     active:false 
    }); 
}); 

檢查新jfiddle：http://jsfiddle.net/3zza6L4v/