Create Nested Dynamic Lists

  1. Use FP Page View to directly create the nested list.
  2. Set the List Properties for each nested list to "Enable Collapsible Outlines".
  3. If you wish to have the list default to the collapsed state when loading the page, follow the instructions below.

bulletThis demo collapsible outline defaults to the collapsed state when the page is initially loaded (click to view or hide)
bulletCategory A (click to view or hide)
bulletItem 1
bulletItem 2
bulletItem 3
bulletCategory B (click to view or hide)
bulletItem 1
bulletItem 2
bulletItem 3
bulletCategory C (click to view or hide)
bulletItem 1
bulletItem 2
bulletItem 3

If you want the list to initially be collapsed when first loading the page, you'll need to manually insert an additional script to the "HEAD" section of the page. (View the source of this page). The additional script contains the function dynCollapse() code. You must also manually insert the following "attribute" to the "BODY" tag:

onload="dynCollapse()"

You should now have a collapsible list that will default to the collapsed state when loading the page.