Accordion

First Accordion Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam gia nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam ci erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci chri tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo ast consequat. Duis autem vel eum iriure dolor in hendrerit in vulputatet velit esse molestie consequat.

Second Accordion Title

Epius claritas est etiam processus dynamicus, qui sequitur conforkiai mutationem consuetudium lectorum. Mirum est notare quam litterag gothica, quam nunc putamus parum claram, anteposuerit litteraruma formas humanitatis per seacula quarta decima et quinta decima. Bhea eodem modo typi.

Third Accordion Title

Issim qui blandit praesent luptatum zzril delenit augue duis dolore tee feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend grad option congue nihil imperdiet doming id quod mazim placerat facer ie possim chilavet frank.

Toggle

First Toggle Name

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam gia nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam ci erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci chri tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo ast consequat. Duis autem vel eum iriure dolor in hendrerit in vulputatet velit esse molestie consequat.

Second Toggle Name

Epius claritas est etiam processus dynamicus, qui sequitur conforkiai mutationem consuetudium lectorum. Mirum est notare quam litterag gothica, quam nunc putamus parum claram, anteposuerit litteraruma formas humanitatis per seacula quarta decima et quinta decima. Bhea eodem modo typi.

Third Toggle Name

Issim qui blandit praesent luptatum zzril delenit augue duis dolore tee feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend grad option congue nihil imperdiet doming id quod mazim placerat facer ie possim chilavet frank.

ACCORDION
[accordion]
[toggle name="First Name"]CONTENT HERE[/toggle]
[toggle name="Second Name"]CONTENT HERE[/toggle]
[toggle name="Third Name"]CONTENT HERE[/toggle]
[/accordion]

TOGGLE
[toggle name="First Name" open="true"]CONTENT[/toggle]
[toggle name="Second Name" open="false"]CONTENT[/toggle]
[toggle name="Third Name" open="false"]CONTENT[/toggle]

Usage

The accordion has no parameters. Here’re parameters of toggle shortcode:

  • name: The toggle name/title
  • opentrue or false. It’s the initial state of toggle, close or open. Default is false.
Why not share this...
Tweet about this on TwitterShare on FacebookShare on LinkedInShare on Google+Pin on PinterestShare on StumbleUponEmail this to someone