如何使用JQuery創建播放列表樹視圖？

Question

我已經看過jstree和treeview，但糾正我，如果我錯了，他們只是一個導航系統。我想在一頁內容中創建一個樹形視圖。我添加了即時消息的圖像。它意味着播客的播放列表。你能幫我理解如何做到這一點，或者是否有插件可以做到這一點？謝謝

Answer 1

如果您想要一個適合您需求的簡單版本，通常是一個不錯的主意：撥打http://jsfiddle.net/JJAqZ/1/。

$('#main > li > *').hide(); // Hide all initially 

$('li').click(function(e) { // Open child list on click 
    $(this).find('ul').toggle(); 
    return false; 
}); 

Answer 2

jsTree（jQuery樹插件）允許基於您提供的文件夾路徑建立一個導航樹。

如果要構建自定義樹（而非導航樹），可以使用，其中包含一組很好的功能來構建動態html樹視圖。