jQuery.treeview.js是一個jQuery插件，它允許您輕松地在網站上創建可折疊的樹狀結構。

要使用它，您需要在HTML頁面上包含jQuery庫和treeview庫的引用。

<!--引用jQuery庫-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!--引用jquery.treeview.js-->
<script src="http://jquery.bassistance.de/treeview/jquery.treeview.js"></script>

接下來，您需要創建一個帶有ul元素的HTML結構。每個li元素應該代表一個節點，如果它有子節點，則應該有另一個ul元素作為它的子節點。每個節點應該有一個類“expandable”，使它可以展開和折疊。

<ul id="tree">
<li class="expandable">
<span class="folder">Folder 1</span>
<ul>
<li><a href="#">Sub-item 1.1</a></li>
<li><a href="#">Sub-item 1.2</a></li>
</ul>
</li>
<li class="expandable">
<span class="folder">Folder 2</span>
<ul>
<li><a href="#">Sub-item 2.1</a></li>
<li><a href="#">Sub-item 2.2</a></li>
</ul>
</li>
</ul>

最后，您需要在Javascript代碼中使用treeview()函數來初始化樹狀結構。

$(function(){
$('#tree').treeview();
});

現在，您已經成功地將jQuery.treeview.js應用到您的網站上了。當您單擊一個節點時，它的子節點將會被折疊或展開。