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

You can DOWNLOAD the full example HERE

An accordion with tab at the top,
round corners or with style sheets

We can also mix these styles in accordions like these

A Free Accordion with Top Tab

Peter Pan
Tinkerbell: You know that place between sleep and awake, the place where you can still remember dreaming? That's where I'll always love you, Peter Pan. That's where I'll be waiting.
Peter Pan
So come with me, where dreams are born, and time is never planned. Just think of happy things, and your heart will fly on wings, forever, in Never Never Land!
Nietzsche
If you stare into the Abyss long enough the Abyss stares back at you.
Paris Hilton
Wal-mart... do they like make walls there?

An Auto-size Free Accordion with Top Tab

Alan Sugar
The money coming into the game [football] is incredible. But it is just the prune-juice effect - it comes in and goes out straight away. Agents run the game.
Dr Seuss
Don't cry because it's over. Smile because it happened.
Dr Seuss
You have brains in your head. You have feet in your shoes. You can steer yourself any direction you choose. You're on your own, and you know what you know. And you are the one who'll decide where you'll go. Oh the places you'll go.
Shakespeare
And this above all unto thine own self be true and it shall follow as the day the night - thou can'st not then be false to any man.

A Normal Accordion with Top Tab

Paris Hilton
Every woman should have four pets in her life. A mink in her closet, a jaguar in her garage, a tiger in her bed, and a jackass who pays for everything.
Galloway
Sir, I salute your courage, your strength, and your indefatigability [to Saddam Hussein]
Souza
Dance as though no one is watching Love as though you've never been hurt Sing as though no one can hear you Live as though heaven is on earth.
Dr Seuss
So you see! There's no end to the things you might know, Depending how far beyond Zebra you go'

An Auto-size Normal Accordion with Top Tab

Newton
To every action there is always opposed an equal reaction: or, the mutual actions of two bodies upon each other are always equal, and directed to contrary parts. (Principia Mathematica)
Fleeshman
It still hasn't sunk in that I'm going to be in Coronation Street. Everything about the role is brilliant and I'm working with some great people.
Dr Seuss
I like nonsense - it wakes up the brain cells. Fantasy is a necessary ingredient in living. It's a way of looking at life through the wrong end of a telescope... and that enables you to laugh at all of life's realities.
Chris Rock
Have you been watching American Idol? They have Simon Cowell and Paula Abdul judgin' the singin. Paula Abdul?! Gettin' Paula Abdul to judge a singin' contest is like gettin' Christopher Reeve to judge a dance contest!
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