Складное дерево в javascript/jquery

Question

Мне интересно узнать, как следующая ссылка может отображать элементы/ссылки в виде исследуемого дерева. Я имею в виду структуру PAGE TREE в левой части div/section.

https://www.securecoding.cert.org/confluence/pages/viewpage.action?pageId=637

Я хочу знать, как то, что все вещи/предметы/URLs, которые должны появиться на родительском узле определяются. Я имею в виду, как это происходит?

Любые входы приветствуются.

Thanks, Pavan.

Answer 1

Что Guille и Banana говорят правильно. Кроме того, если вы используете опцию Осматривать в вашем браузере во время тестирования из дерева, он покажет часть того, что они используют для

style="display:none" 

и

style="display:block" 

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

Также, как быстрое предложение, Bootstrap поставляется с опцией дерева вместе со многими другими функциями.