Index | Example 1 | Example 2 | Example 3 | Example 4 | Example 5 | Example 6

You can DOWNLOAD the full example HERE

An accordion using style sheets and color parameters

The difference between the first and second is that the second
is able to contract itself by clicking in the expanded tab title.

Auto-size Normal Accordion

Rebecca Beard
The past is finished. There is nothing to b gained by going over it. Whatever it gave us in the experiences it brought us was something we had to know.
Einstein
Yes, we have to divide up our time like that, between our politics and our equations. But to me our equations are far more important, for politics are only a matter of present concern. A mathematical equation stands forever.
Sophia Loren
Getting ahead in a difficult profession requires avid faith in yourself. That is why some people with mediocre talent, but with great inner drive, go much further than people with vastly superior talent.
Sir Walter Raleigh
Remember, that if thou marry for beauty, thou bindest thyself all thy life for that which perchance will neither last nor please thee one year; and when thou hast it, it will be to thee of no price at all; for the desire dieth when it is attained, and the affection perisheth when it is satisfied.

Auto-size Retractable Normal Accordion

Hippocrates
Everyone has a doctor in him or her; we just have to help it in its work. The natural healing force within each one of us is the greatest force in getting well. Our food should be our medicine. Our medicine should be our food. But to eat when you are sick, is to feed your sickness.
Ronald Reagan
How do you tell a communist? Well, it's someone who reads Marx and Lenin. And how do you tell an anti-Communist? It's someone who understands Marx and Lenin.
Russell Baker
The only thing I was fit for was to be a writer, and this notion rested solely on my suspicion that I would never be fit for real work, and that writing didn't require any.
Maugham
D'you call life a bad job? Never! We've had our ups and downs, we've had our struggles, we've always been poor, but it's been worth it, ay, worth it a hundred times I say when I look round at my children.
auto = the size is detected and so the accordion expands until that it shows all its contents (options -> panelHeight:"auto")
normal = it doesn't show more than a tab (options -> mode:normal [by default]) is the opposite of free (options -> mode:"free")
retract = it is able to contract all its tabs (it works with loadedTab:-2 [in "normal" tabs the initial tab to show is hidden] )




It was coded by Luis Huancapaza