Collapsible Sidebar Items

[sirjamesgray]

Clicking on the container element of the list item should collapse the children. This will allow easier traversal across large lists, by allowing users to collapse higher-level categories to find what they're looking for.

Shown in red: Clicking on the selected element li.toclevel-2.tocsection-n (bullet point 5.2) should collapse the li.toclevel-3.tocsection-ns contained within it (bullets 5.2.1 and 5.2.2)

Shown in orange: clicking on li.toclevel-1.tocsection-n (bullet point 5) should collapse the li.toclevel-2.tocsection-ns contained within it (bullets 5.1 through 5.4)

Example from Google Drive sidebar