如何使用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树插件）允许根据您提供的文件夹路径构建导航树。

如果您想构建自定义树（而不是导航树），可以使用 Dynatree jQuery plugin ，其中包含一组很好的功能来构建动态html树视图。