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]

 

[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 /]

 

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]

 

[/code]

 

[code][hr-invisible /][/code]

[hr-invisible /]

[code][hr-border top=”yes”/][/code]

[hr-border top=”yes”/]