Toggleable

  1. Home  /  Shortcodes  /  Toggleable

Tabs

A nice tab

Pellentesque habitant morbi tristique senectu ac turpis egestas.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Vestibulum tortor
Malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Pellentesque habitant morbi tristique senectus et netus et.
Ac turpis egestas vestibulum tortor quam, feugiat vitae, ultricies eget. Placerat eleifend leo. Pellentesque habitant morbi tristique senectus et netus et.
[sourcecode language=”html”][tabs header="A nice tab" description="Pellentesque habitant morbi tristique senectu ac turpis egestas."][tab title="Tab 1" active="yes"]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.[/tab][tab title="Tab 2"][header level="6"]Vestibulum tortor[/header]Malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Pellentesque habitant morbi tristique senectus et netus et.[/tab][tab title="Tab 3"]Ac turpis egestas vestibulum tortor quam, feugiat vitae, ultricies eget. Placerat eleifend leo. Pellentesque habitant morbi tristique senectus et netus et.[/tab][/tabs][/sourcecode]
tabs parameters
  • header
  • description
  • nav_justified - navigation justified - yes; no;
  • style2 - second style - true; false;
  • class - custom class, adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.
  • animation - chapter animation effect
tab parameters
  • title - header
  • active - is active - yes; no;

Accordion

Problems solving

Maecenas placerat arcu purus. Aliquam eget pulvinar purus, vel vehicula lorem. In eu tortor lectus. Phasellus non lacus nec mauris gravida viverra ut id est. Morbi vel urna in mauris interdum dapibus at sodales velit.

Integer quis tristique arcu. Ut convallis purus purus, ut facilisis lorem pulvinar sit. Curabitur ullamcorper purus non auctor consectetur.

Duis quis elit hendrerit, tempor magna ac, adipiscing ligula. Maecenas neque nibh, vehicula ut neque at, scelerisque mollis enim.
[sourcecode language=”html”][accordion] [accordion_item title="Problems solving" active="yes"]Maecenas placerat arcu purus. Aliquam eget pulvinar purus, vel vehicula lorem. In eu tortor lectus. Phasellus non lacus nec mauris gravida viverra ut id est. Morbi vel urna in mauris interdum dapibus at sodales velit.
[/accordion_item] [accordion_item title="Systems monitoring"]Integer quis tristique arcu. Ut convallis purus purus, ut facilisis lorem pulvinar sit. Curabitur ullamcorper purus non auctor consectetur.[/accordion_item] [accordion_item title="Affect management"]Duis quis elit hendrerit, tempor magna ac, adipiscing ligula. Maecenas neque nibh, vehicula ut neque at, scelerisque mollis enim.
[/accordion_item] [/accordion][/sourcecode]
accordion parameters
  • header
  • description
  • class - custom class, adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.
accordion item parameters
  • title - every accordion item should be wrapped in accordion element.
  • active - is active - yes; no;
  • animation - chapter animation effect

Get the newsletter

Follow us