Accordion Controls (note: these will not play music)
Below is a standard accordion control placed inside a regular box. It can be dragged and dropped and toggled like any other box. Click on the accordion bars to open and close it.
Bonus feature, you can rearrange the bars by grabbing the dotted area to the right of the bar. Go ahead and try it out.
Accordion with Heading
-
First Heading
Primary Heading
Lorem Ipsum is simply dummy text of the printing industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Secondary Heading
Lorem Ipsum is simply dummy text of the printing industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
-
Second Heading
-
Third Heading
-
Fourth Heading
The next accordions don't have headers. This can sometimes be a cleaner, more simple way to present information. This type of accordion cannot be dragged (at the moment anyway) but its bars can still be rearranged.
Note: Like nearly all Adminica layout objects, the accordion's width can be controlled using the 960.gs grid system, eg. to make a full width accordion you would give the box it is contained in a class="grid_16".