Folding Applications

On this page you see JavaScript-driven folding applications. All shown examples have been implemented using the same JS code with different options.

See source code on page bottom.

Tree

Simple:

chapter 1
1. chapter 1.1
2. chapter 1.2
3. chapter 1.3
  1. chapter 1.3.1
  2. chapter 1.3.2
  3. chapter 1.3.3
4. chapter 1.4
chapter 2

Fully expanded it looks like (click to expand):

chapter 1
1. chapter 1.1
2. chapter 1.2
3. chapter 1.3
  1. chapter 1.3.1
  2. chapter 1.3.2
  3. chapter 1.3.3
4. chapter 1.4
chapter 2

Complex:

item 1
- item 1.1
- item 1.2
- item 1.3
- item 1.4
- item 1.5
item 2
item 3
- item 3.1
  - item 3.1.1
  - item 3.1.2
  - item 3.1.3
  - item 3.1.4
  - item 3.1.5
  - item 3.1.6
- item 3.2
- item 3.3
  - item 3.3.1
  - item 3.3.2
  - item 3.3.3
    - item 3.3.3.1
    - item 3.3.3.2
    - item 3.3.3.3
    - item 3.3.3.4
    - item 3.3.3.5
    - item 3.3.3.6
    - item 3.3.3.7
- item 3.4
item 4
- item 4.1
- item 4.2
- item 4.3
- item 4.4

Fully expanded it looks like (click to expand):

item 1
- item 1.1
- item 1.2
- item 1.3
- item 1.4
- item 1.5
item 2
item 3
- item 3.1
  - item 3.1.1
  - item 3.1.2
  - item 3.1.3
  - item 3.1.4
  - item 3.1.5
  - item 3.1.6
- item 3.2
- item 3.3
  - item 3.3.1
  - item 3.3.2
  - item 3.3.3
    - item 3.3.3.1
    - item 3.3.3.2
    - item 3.3.3.3
    - item 3.3.3.4
    - item 3.3.3.5
    - item 3.3.3.6
    - item 3.3.3.7
- item 3.4
item 4
- item 4.1
- item 4.2
- item 4.3
- item 4.4

Disclosure

Initially Collapsed

Wikipedia

Java

Initially Expanded

Wikipedia

Java

Click here to view page source.

ɔ⃝ Fritz Ritzberger, 2014-12-30