fbpx

Toggles and Accordions

[one-half]

Standard Toggle Style

[toggle title=”Toggle Title 1″]
Toggle Content 1# Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lorem nulla, rutrum sed facilisis nec, mattis eget leo. Integer a rutrum risus. Nullam in tortor vitae sapien consequat sagittis at consequat purus.
[/toggle]
[toggle title=”Toggle Title 2″]
Toggle Content 2# Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lorem nulla, rutrum sed facilisis nec, mattis eget leo. Integer a rutrum risus. Nullam in tortor vitae sapien consequat sagittis at consequat purus.
[/toggle]
[toggle title=”Toggle Title 3″]
Toggle Content 3# Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lorem nulla, rutrum sed facilisis nec, mattis eget leo. Integer a rutrum risus. Nullam in tortor vitae sapien consequat sagittis at consequat purus.
[/toggle]
[toggle title=”Toggle Title 4″]
Toggle Content 4# Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lorem nulla, rutrum sed facilisis nec, mattis eget leo. Integer a rutrum risus. Nullam in tortor vitae sapien consequat sagittis at consequat purus.
[/toggle]
[/one-half]
[one-half last]

Framed Toggle Style

[toggle_framed title=”Toggle Title 1″]
Toggle Content 1# Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lorem nulla, rutrum sed facilisis nec, mattis eget leo. Integer a rutrum risus. Nullam in tortor vitae sapien consequat sagittis at consequat purus.
[/toggle_framed]
[toggle_framed title=”Toggle Title 2″]
Toggle Content 2# Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lorem nulla, rutrum sed facilisis nec, mattis eget leo. Integer a rutrum risus. Nullam in tortor vitae sapien consequat sagittis at consequat purus.
[/toggle_framed]
[toggle_framed title=”Toggle Title 3″]
Toggle Content 3# Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lorem nulla, rutrum sed facilisis nec, mattis eget leo. Integer a rutrum risus. Nullam in tortor vitae sapien consequat sagittis at consequat purus.
[/toggle_framed]
[/one-half]
[hr-invisible /]
[clear /]
[one-half]
Shortcode:
[code]
[toggle title=”…”] ….. [/toggle]
[toggle title=”…”] ….. [/toggle]
[toggle title=”…”] ….. [/toggle]
[/code]
[/one-half]
[one-half last]
Shortcode:
[code]
[toggle_framed title=”…”] …..[/toggle_framed]
[toggle_framed title=”…”] …..[/toggle_framed]
[toggle_framed title=”…”] …..[/toggle_framed]
[/code]
[/one-half]
[hr size=”small” top=”no”/]
[clear /]
[one-half]

Standard Accordion Style

[accordion_group]
[toggle title=”Accordion Title 1″]
Accordion Content 1# Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lorem nulla, rutrum sed facilisis nec, mattis eget leo. Integer a rutrum risus. Nullam in tortor vitae sapien consequat sagittis at consequat purus.
[/toggle]
[toggle title=”Accordion Title 2″]
Accordion Content 2# Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lorem nulla, rutrum sed facilisis nec, mattis eget leo. Integer a rutrum risus. Nullam in tortor vitae sapien consequat sagittis at consequat purus.
[/toggle]
[toggle title=”Accordion Title 3″]
Accordion Content 3# Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lorem nulla, rutrum sed facilisis nec, mattis eget leo. Integer a rutrum risus. Nullam in tortor vitae sapien consequat sagittis at consequat purus.
[/toggle]
[toggle title=”Accordion Title 4″]
Accordion Content 4# Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lorem nulla, rutrum sed facilisis nec, mattis eget leo. Integer a rutrum risus. Nullam in tortor vitae sapien consequat sagittis at consequat purus.
[/toggle]
[/accordion_group]
[/one-half]
[one-half last]

Framed Accordion Style

[accordion_group]
[toggle_framed title=”Accordion Title 1″]
supportAccordion Content 1# Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lorem nulla, rutrum sed facilisis nec, mattis eget leo. Integer a rutrum risus. Nullam in tortor vitae sapien consequat sagittis at consequat purus.Phasellus lorem nulla, rutrum sed facilisis nec, mattis eget leo. Integer a rutrum risus.
[/toggle_framed]
[toggle_framed title=”Accordion Title 2″]
Accordion Content 2# Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lorem nulla, rutrum sed facilisis nec, mattis eget leo. Integer a rutrum risus. Nullam in tortor vitae sapien consequat sagittis at consequat purus.
[/toggle_framed]
[toggle_framed title=”Accordion Title 3″]
Accordion Content 3# Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lorem nulla, rutrum sed facilisis nec, mattis eget leo. Integer a rutrum risus. Nullam in tortor vitae sapien consequat sagittis at consequat purus.
[/toggle_framed]
[/accordion_group]
[/one-half]
[hr-invisible /]
[clear /]
[one-half]
Shortcode:
[code]
[accordion_group]
[toggle title=”. . .”] . . . [/toggle]
[toggle title=”. . .”] . . . [/toggle]
[toggle title=”. . .”] . . . [/toggle]
[/accordion_group]
[/code]
[/one-half]
[one-half last]
Shortcode:
[code]
[accordion_group]
[toggle_framed title=”. . .”] . . . [/toggle_framed]
[toggle_framed title=”. . .”] . . . [/toggle_framed]
[toggle_framed title=”. . .”] . . . [/toggle_framed]
[/accordion_group]
[/code]
[/one-half]
[clear /]
[hr top=”yes”/]

Tooltip

[one-fifth] [tooltip type=”boxed” position=”top” tooltip=”Tooltip Content”]ToolTip in Top[/tooltip] [/one-fifth]
[one-fifth] [tooltip type=”boxed” position=”left” tooltip=”Tooltip Content”]ToolTip in Left[/tooltip] [/one-fifth]
[one-fifth] [tooltip type=”boxed” position=”right” tooltip=”Tooltip Content”]ToolTip in Right[/tooltip] [/one-fifth]
[one-fifth] [tooltip type=”boxed” position=”bottom” tooltip=”Tooltip Content”]ToolTip in bottom[/tooltip] [/one-fifth]
[one-fifth last] [tooltip type=”boxed” position=”bottom” bgcolor=”#008899″ textcolor=”#ffffff” tooltip=”Tooltip Content”]ToolTip in bottom[/tooltip] [/one-fifth]
[hr-invisible /]
[code][hr top=”yes”/][/code]
[hr top=”yes”/]
[code][hr-invisible /][/code]
[hr-invisible /]
[code][hr-border top=”yes”/][/code]
[hr-border top=”yes”/]