[ Open All | Close All ]

1] Example & Explanation:
This is the hidden text that was revealed when the header was clicked. Such hidden text is generally related to the main header which opens them. You can add any number of collapsible headers. Clicking on the header when the text is seen hides the text. Additionally if a header is clicked it will automatically close any open text related to any other header while opening its own hidden text.

2] Compatibility:
This script works with all the newer versions of browsers like IE5+, NS6, Opera and Firefox.
This script does not work with older browsers like NSv4.x but degrades very well.

3] Notes:
This is one of the most compact scripts of this nature that you can find in any JavaScript archives.

Detail 1

The following is placeholder text known as “lorem ipsum,” which is scrambled Latin used by designers to mimic real copy. Donec eu est non lacus lacinia semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Donec eget risus diam. Aenean eu justo sed elit dignissim aliquam. Integer tempus, elit in laoreet posuere, lectus neque blandit dui, et placerat urna diam mattis orci. Phasellus sodales massa malesuada tellus fringilla, nec bibendum tellus blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed a ligula quis sapien lacinia egestas.


Detail 2

The following is placeholder text known as “lorem ipsum,” which is scrambled Latin used by designers to mimic real copy. Donec ac fringilla turpis. Mauris egestas at nibh nec finibus. Donec eget risus diam. Phasellus sodales massa malesuada tellus fringilla, nec bibendum tellus blandit. Mauris egestas at nibh nec finibus.

Nulla eu pretium massa. Aenean eu justo sed elit dignissim aliquam. Mauris egestas at nibh nec finibus. Donec eget risus diam. In sit amet felis malesuada, feugiat purus eget, varius mi. Fusce at massa nec sapien auctor gravida in in tellus. Integer tempus, elit in laoreet posuere, lectus neque blandit dui, et placerat urna diam mattis orci.


Detail 3

The following is placeholder text known as “lorem ipsum,” which is scrambled Latin used by designers to mimic real copy. In sit amet felis malesuada, feugiat purus eget, varius mi. Quisque congue porttitor ullamcorper. Mauris id fermentum nulla.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec ac fringilla turpis. Integer tempus, elit in laoreet posuere, lectus neque blandit dui, et placerat urna diam mattis orci. Sed a ligula quis sapien lacinia egestas. Nulla lectus ante, consequat et ex eget, feugiat tincidunt metus. Mauris egestas at nibh nec finibus.