Javascript 我可以用手风琴显示HTML4中的文件结构吗
…或者别的什么 我想让文件结构在HTML4中完全可折叠。 我已经使用JQuery和accorbian按第一个字母对部分进行分组，但accorbian似乎不适合将多个级别分组 在屏幕截图中，你可以看到我在Discogs摘要部分使用了手风琴。 我的问题是歌曲更改部分，我希望它以可折叠/可扩展的文件夹结构表示Javascript 我可以用手风琴显示HTML4中的文件结构吗,javascript,jquery,html,Javascript,Jquery,Html,…或者别的什么 我想让文件结构在HTML4中完全可折叠。 我已经使用JQuery和accorbian按第一个字母对部分进行分组，但accorbian似乎不适合将多个级别分组 在屏幕截图中，你可以看到我在Discogs摘要部分使用了手风琴。 我的问题是歌曲更改部分，我希望它以可折叠/可扩展的文件夹结构表示 一旦我把他们的例子简化为更易于管理的东西，我就设法用jstree做了一些工作 <script type="text/javascript" src="http://static.jstre
一旦我把他们的例子简化为更易于管理的东西，我就设法用jstree做了一些工作
<script type="text/javascript" src="http://static.jstree.com/v.1.0pre/jquery.jstree.js"></script>
<script type="text/javascript" class="source below">
$(function () {
$("#songchanges")
.jstree({
"plugins" : ["themes","html_data","ui","crrm","hotkeys"],
"core" : { "initially_open" : [ "phtml_1" ] }
})
.bind("loaded.jstree", function (event, data) {
});
$("#songchanges").bind("open_node.jstree", function (e, data) {
data.inst.select_node("#phtml_2", true);
});
});
</script>
</head>
<body>
<div id="songchanges">
<ul>
<li id="phtml_1">
<a href="#">C:\Music</a>
<ul>
<li id="phtml_2">
<a href="#">B</a>
<ul>
<li id="phtml_3">
<a href="#">Blur</a>
<ul>
<li id="phtml_4">
<a href="FixSongsReport_2.html">Leisure</a>
</li>
<li id="phtml_5">
<a href="FixSongsReport_1.html">ParkLife</a>
</li>
</ul>
</li>
</ul>
</li>
<li id="phtml_6">
<a href="#">V</a>
<ul>
<li id="phtml_7">
<a href="#">Various Artists</a>
<ul>
<li id="phtml_8">
<a href="FixSongsReport_1.html">World War II Songs</a>
</li>
<li id="phtml_9">
<a href="FixSongsReport_2.html">Moonlight Classics</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
$（函数（）{
$（“歌曲变化”）
jstree先生({
“插件”：[“主题”、“html_数据”、“ui”、“crrm”、“热键”]，
“核心”：{“初始开放”：[“phtml_1”]}
})
.bind（“loaded.jstree”，函数（事件、数据）{
});
$（“#songchanges”）.bind（“open#node.jstree”，函数（e，数据）{
data.inst.select_节点（“phtml_2”，true）；
});
});
-
-
-
-
-
-
-
-
-