如何在jquery treeview插件之外创建expand all和collapse all链接?

如果你在这里查看演示页面,你会发现有一个div treecontrol,好吧,把它变成 treecontrol 班级:

<div class="treecontrol">
 <a title="Collapse the entire tree below" href="#"><img src="../images/minus.gif" /> Collapse All</a>
 <a title="Expand the entire tree below" href="#"><img src="../images/plus.gif" /> Expand All</a>
 <a title="Toggle the tree below, opening closed branches, closing open branches" href="#">Toggle All</a>
</div>

然后,您可以制作此控件的任意多个副本,并将它们放在所需的任何位置。不要忘记修改控制参数:

$("#tree").treeview({ control: ".treecontrol" })

尝试:

$(".treeview").treeview({  // ".treeview" is your selector
  control: "#treecontrol", // this is your controller
  persist: "cookie",
  cookieId: "treeview-black"
});

每次单击div treecontrol下的“全部折叠”时,它将用类“treeview”关闭每个列表。