Accordion Shortcode

Accordion Shortcode

Shortcode Usage

[accordion
    effect=”slide”     Animation to play when changing panels
    opentab=”0″        The panel open when the page loads
    style=””           Custom CSS rules for the whole accordion can be placed here
]
 
    [panel
        title=””       The title displayed on the panel header for this panel
        style=””       Custom CSS rules for this panel can be placed here
        ]
        first panel content
    [/panel]
 
    [panel]2nd panel content[/panel]
 
    [panel]3rd panel content[/panel]
 
[/accordion]

Effect values:
    slide or slide2
Opentab values:
    The number here refers to the index of the panel. 0 is the first panel, 1 is the 2nd panel, and so forth.


Accordion Example

[accordion]
 
    [panel title=”Title 1″]…[/panel]
 
    [panel title=”Title 2″]…[/panel]
 
    [panel title=”Title 3″]…[/panel]
 
[/accordion]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tincidunt ipsum a ligula dignissim vestibulum. Vivamus eget ante a justo accumsan dignissim. Vivamus feugiat mauris ut est vulputate eu porta nunc pellentesque. Aenean viverra congue bibendum. Etiam lacinia lectus eget lacus porttitor eleifend. Nunc porttitor ligula et elit viverra id rhoncus lacus vestibulum. Sed blandit mattis enim, ac commodo sapien mollis et. Duis in ipsum ut urna aliquet accumsan ut ac nisi. Fusce at purus eget diam posuere faucibus. Maecenas laoreet urna vel libero sodales ac ullamcorper est condimentum.
Maecenas urna mauris, rhoncus vulputate euismod ac, gravida non diam. Nunc varius leo nec tortor tincidunt et tempus orci faucibus. Donec mattis sem eu ipsum lacinia ultricies. Maecenas ut pulvinar mauris. Nam laoreet tincidunt leo, et tempus nisl malesuada nec. Aenean mattis aliquam elit, vitae ornare nunc sollicitudin et. Aenean nec ipsum lacus, quis interdum ipsum. Mauris neque purus, fermentum vitae pharetra ac, dictum et felis.
Aliquam libero erat, tincidunt non rutrum a, varius et sapien. Suspendisse potenti. Integer nec ipsum sed leo laoreet suscipit. In nunc nibh, laoreet placerat iaculis a, venenatis sed mauris. In hac habitasse platea dictumst. Curabitur cursus, tortor sed pellentesque mollis, nunc lectus pulvinar magna, quis imperdiet nibh enim vel nibh. Nunc rutrum pellentesque elit, in pharetra ligula blandit a. Suspendisse consequat velit in purus eleifend non dignissim nibh accumsan. Cras scelerisque cursus risus, sed pretium arcu luctus et. Pellentesque dictum augue sit amet sapien semper id blandit libero elementum. Vivamus ligula mauris, posuere quis fermentum vel, adipiscing sit amet mi. Aliquam nec purus est. Maecenas placerat interdum accumsan.

Accordion Example in Column

[accordion effect=”slide2″ opentab=”1″]
 
    [panel title=”Title 1″]…[/panel]
 
    [panel title=”Title 2″]…[/panel]
 
    [panel title=”Title 3″]…[/panel]
 
[/accordion]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tincidunt ipsum a ligula dignissim vestibulum. Vivamus eget ante a justo accumsan dignissim. Vivamus feugiat mauris ut est vulputate eu porta nunc pellentesque. Aenean viverra congue bibendum. Etiam lacinia lectus eget lacus porttitor eleifend. Nunc porttitor ligula et elit viverra id rhoncus lacus vestibulum. Sed blandit mattis enim, ac commodo sapien mollis et. Duis in ipsum ut urna aliquet accumsan ut ac nisi. Fusce at purus eget diam posuere faucibus. Maecenas laoreet urna vel libero sodales ac ullamcorper est condimentum.

Maecenas urna mauris, rhoncus vulputate euismod ac, gravida non diam. Nunc varius leo nec tortor tincidunt et tempus orci faucibus. Donec mattis sem eu ipsum lacinia ultricies. Maecenas ut pulvinar mauris. Nam laoreet tincidunt leo, et tempus nisl malesuada nec. Aenean mattis aliquam elit, vitae ornare nunc sollicitudin et. Aenean nec ipsum lacus, quis interdum ipsum. Mauris neque purus, fermentum vitae pharetra ac, dictum et felis.

Aliquam libero erat, tincidunt non rutrum a, varius et sapien. Suspendisse potenti. Integer nec ipsum sed leo laoreet suscipit. In nunc nibh, laoreet placerat iaculis a, venenatis sed mauris. In hac habitasse platea dictumst. Curabitur cursus, tortor sed pellentesque mollis, nunc lectus pulvinar magna, quis imperdiet nibh enim vel nibh. Nunc rutrum pellentesque elit, in pharetra ligula blandit a. Suspendisse consequat velit in purus eleifend non dignissim nibh accumsan. Cras scelerisque cursus risus, sed pretium arcu luctus et. Pellentesque dictum augue sit amet sapien semper id blandit libero elementum. Vivamus ligula mauris, posuere quis fermentum vel, adipiscing sit amet mi. Aliquam nec purus est. Maecenas placerat interdum accumsan.