expand-collapse1

Development | Fellow Tuts | jQuery Expand Collapse with Plus Minus

Example 1
Example 2
- Example 2.1
  A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now
Example 3
- Example 3.1
  - Example 3.1.1
    - Example 3.1.1.1
- Example 3.2
  - Example 3.2.1
    When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the trickling stream. It's an example of Expand | Collapse.
  - Example 3.2.2

This is the header for row 1
TEST DATA	test value 0	test value 1	test value 2
This as the main header
TEST DATA	test value 2 a	test value 3	test value 4
TEST DATA	test value 5	test value 6	test value 7
TEST DATA	test value 8	test value 9	test value 10

Panels Demo

One panel

Content goes here

Another panel

Content goes here

Initially Collapsed

This panel is collapsed by default (until user sets a preference)

Expand Collapse

Chapter 1

This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1.

Chapter 2

This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2.

Chapter 3

This is chapter 3. This is chapter 3. This is chapter 3. This is chapter 3. This is chapter 3. This is chapter 3. This is chapter 3. This is chapter 3. This is chapter 3. This is chapter 3. This is chapter 3. This is chapter 3. This is chapter 3. This is chapter 3. This is chapter 3.