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):

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):

Disclosure

Initially Collapsed

▷

Wikipedia

▷

Java

Initially Expanded

v

Wikipedia

v

Java

▷

Click here to view page source.

ɔ⃝ Fritz Ritzberger, 2014-12-30