Tab & Accordion

Tab Shortcode
[idz_ui_tabs menu_position="top" showicon="no" class=""]
[idz_ui_tab title="Title" icon=""] Tab Content [/idz_ui_tab]
[idz_ui_tab title="Title2" icon=""] Tab Content2 [/idz_ui_tab]
[/idz_ui_tabs]

Tab Parameter
menu_position: top | bottom | left | right
showicon: yes | no
class: additional class name of tabs
title: tab title
icon: icon name

Tabs on the right

  • Lorem ipsum dolor sit amet, consectetur adipite scinelit vestibulum vel quam sitare amet odio ultricies dapbus acer vitae augue duis nulla nuncerot dignissim.

    Ullamcorper minima veniam quiseti nostrum emmule exercitationem ullam nesti corporis suscipi officess laboriosam nisi aliquid commodi consequatur nonerti reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur fugiat quo voluptas.

  • Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore.

    Veritatis et quasi architecto beatae vitae dicta sunt explicabo sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt modi tempora incidunt maxime placeat facere possimus omnis voluptas assumenda sunt cupiditate non provident.

  • At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias.

    Excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga saepe eveniet voluptate consectetur adipite scinelit vestibulum vel quam sitare amet odio ultricies dapbus acer vitae.

Tabs on the left

  • Lorem ipsum dolor sit amet, consectetur adipite scinelit vestibulum vel quam sitare amet odio ultricies dapbus acer vitae augue duis nulla nuncerot dignissim.

    Ullamcorper minima veniam quiseti nostrum emmule exercitationem ullam nesti corporis suscipi officess laboriosam nisi aliquid commodi consequatur nonerti reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur fugiat quo voluptas.

  • Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore.

    Veritatis et quasi architecto beatae vitae dicta sunt explicabo sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt modi tempora incidunt maxime placeat facere possimus omnis voluptas assumenda sunt cupiditate non provident.

  • At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias.

    Excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga saepe eveniet voluptate consectetur adipite scinelit vestibulum vel quam sitare amet odio ultricies dapbus acer vitae.

Tabs on the top

  • Lorem ipsum dolor sit amet, consectetur adipite scinelit vestibulum vel quam sitare amet odio ultricies dapbus acer vitae augue duis nulla nuncerot dignissim.

    Ullamcorper minima veniam quiseti nostrum emmule exercitationem ullam nesti corporis suscipi officess laboriosam nisi aliquid commodi consequatur nonerti reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur fugiat quo voluptas.

  • Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore.

    Veritatis et quasi architecto beatae vitae dicta sunt explicabo sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt modi tempora incidunt maxime placeat facere possimus omnis voluptas assumenda sunt cupiditate non provident.

  • At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias.

    Excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga saepe eveniet voluptate consectetur adipite scinelit vestibulum vel quam sitare amet odio ultricies dapbus acer vitae.

Tabs on the bottom

  • Lorem ipsum dolor sit amet, consectetur adipite scinelit vestibulum vel quam sitare amet odio ultricies dapbus acer vitae augue duis nulla nuncerot dignissim.

    Ullamcorper minima veniam quiseti nostrum emmule exercitationem ullam nesti corporis suscipi officess laboriosam nisi aliquid commodi consequatur nonerti reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur fugiat quo voluptas.

  • Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore.

    Veritatis et quasi architecto beatae vitae dicta sunt explicabo sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt modi tempora incidunt maxime placeat facere possimus omnis voluptas assumenda sunt cupiditate non provident.

  • At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias.

    Excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga saepe eveniet voluptate consectetur adipite scinelit vestibulum vel quam sitare amet odio ultricies dapbus acer vitae.

Example of accordion

Accordion Shortcode
[idz_ui_accordion collapse="true" showfirst="false" class=""]
[idz_ui_accordion_item title="Tab Shortcode" icon=""]...[/idz_ui_accordion_item]
[/idz_ui_accordion]

Accordion Parameter
collapse: true | false
showfirst: true | false
class: additional class name of accordion
title: accordion title
icon: icon name

Excepteur sint occaecat ?

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamcorob laboris nisi ut aliquip praesentium voluptatum deleniti.

Officia deserunt mollit anim ?

Consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt neque porro quisquam est, qui dolorem ipsum quia dolor sit amet omnis voluptas assumenda est

  • Quis autem iure reprehenderit voluptate molestiae
  • Et harum quidem rerum facilis est et expedita distinctio
  • Temporibus autem quibusdam et aut officiis debitis
Inventore veritatis architecto ?

Image on content

At vero eos et accusamus et iusto odio dignissimos ducimus qui facilis blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui offici deserunt mollitia animi idest laborum et dolorum fuga eta harum quidem rerum.