This is another tool that allows you to place large amounts of content on ONE PAGE while still making it easy to find the content. Accordion content fields, like tabs, are very powerful and logical tools to use when creating and posting content. Accordion headers are also fully customizable (in terms of appearance). Click on a header below to open the accordion.

Accordion ONE


This is an example of what content will look like inside of your first Accordion Content box. This is a great way to allow for all of your detailed information to be displayed on one page without making the page so long that it frightens a visitor and discourages them from reading all the valuable information. Clever use of your Accordion Content title will allow a user to quickly skim your content and expand on the topics they’re interested in reading more about.

Perhaps the visitor wants to read a detailed excerpt on one of the topics previously referenced in your content. This is a great way to allow for those details to be available to the visitor. By utilizing accordions such as this you increase your ability to place valuable content throughout your site without having to make some of those design compromises you otherwise would have without an accordion to cleanly collapse your content into an easy to read format. Open the next Accordion Content box to see another beneficial use of Accordion Content!

Accordion TWO


Is there a rather lengthy quote that you would like to reference on your website but you simply cannot find a feasible area to place the content on your site? A perfect solution is Accordion Content. Accordion Content can allow you to very easily display the long quotation without impeding on the rest of your site. For example; you could name this Accordion Content box — A Tale of Two Cities by Charles Dickens — to condense a lengthy quote from the novel, such as;

“It was the best of times, it was the worst of times, it was the age of wisdom, it was the age of foolishness, it was the epoch of belief, it was the epoch of incredulity, it was the season of Light, it was the season of Darkness, it was the spring of hope, it was the winter of despair, we had everything before us, we had nothing before us, we were all going direct to Heaven, we were all going direct the other way—in short, the period was so far like the present period, that some of its noisiest authorities insisted on its being received, for good or for evil, in the superlative degree of comparison only. There were a king with a large jaw and a queen with a plain face, on the throne of England; there were a king with a large jaw and a queen with a fair face, on the throne of France. In both countries it was clearer than crystal to the lords of the State preserves of loaves and fishes, that things in general were settled for ever.”

Accordion THREE


Not in need of condensing a long quote? How about containing an over-sized chart of information that simply doesn’t have comfortable space in the main content section of your site? You’ve found your solution. Below is an example of how you can neatly organize data in a chart, or table, and allow for it to be condensed and accessed at the visitor’s leisure.

Multiplication Table

x 0 1 2 3 4 5 6 7 8 9 10 11 12
0 0 0 0 0 0 0 0 0 0 0 0 0 0
1 0 1 2 3 4 5 6 7 8 9 10 11 12
2 0 2 4 6 8 10 12 14 16 18 20 22 24
3 0 3 6 9 12 15 18 21 24 27 30 33 36
4 0 4 8 12 16 20 24 28 32 36 40 44 48
5 0 5 10 15 20 25 30 35 40 45 50 55 60
6 0 6 12 18 24 30 36 42 48 54 60 66 72
7 0 7 14 21 28 35 42 49 56 63 70 77 84
8 0 8 16 24 32 40 48 56 64 72 80 88 96
9 0 9 18 27 36 45 54 63 72 81 90 99 108
10 0 10 20 30 40 50 60 70 80 90 100 110 120
11 0 11 22 33 44 55 66 77 88 99 110 121 132
12 0 12 24 36 48 60 72 84 96 108 120 132 144