Как создать «Развернуть все» и «Свернуть все ссылки» вне модуля jQuery Treeview?

Question

Плагин jQuery Treeview добавляет Свернуть все, Развернуть все и переключить все ссылки на div "treeviewcontrol", когда свойство элемента управления определено следующим образом:

$("#black, #gray").treeview({
   control: "#treecontrol",
   persist: "cookie",
   cookieId: "treeview-black"
});

Это прекрасно работает, но мне бы хотелось иметь возможность развернуть и свернуть древовидное представление из других элементов страницы вне самого древовидного представления. Я посмотрел на источник, но не могу понять.

Answer 1

Если вы посмотрите здесь демонстрационную страницу, вы увидите, что есть 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" })

Answer 2

Попробуйте:

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

Это закроет каждый отдельный список с классом «treeview» каждый раз, когда вы нажимаете «Свернуть все» под div # treecontrol.