Tab & Accordion

Lorem ipsum dolor sit amet consectetur adipisicing elit eiusmod tempor.

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
Quisque tempor, nulla in commodo imperdiet, risus justo rhoncus ipsum, vitae accumsan ligula turpis nec mi. Aliquam at vulputate nisl. Aliquam in facilisis lectus. Integer condimentum diam et tincidunt volutpat. Aliquam tortor nisi, vehicula ut mauris blandit, scelerisque tincidunt augue. Proin massa dui, ultrices in feugiat ut, dictum ut tellus. Phasellus id ultricies felis. Vestibulum et varius tellus.
Nulla nuncerot dignissim ullamcorper minima veniam quiseti nostrum emmule exercitationem ullam nesti corporis suscipi officess laboriosam nisi aliquid commodi consequatur nonerti

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
Quisque tempor, nulla in commodo imperdiet, risus justo rhoncus ipsum, vitae accumsan ligula turpis nec mi. Aliquam at vulputate nisl. Aliquam in facilisis lectus. Integer condimentum diam et tincidunt volutpat. Aliquam tortor nisi, vehicula ut mauris blandit, scelerisque tincidunt augue. Proin massa dui, ultrices in feugiat ut, dictum ut tellus. Phasellus id ultricies felis. Vestibulum et varius tellus.
Nulla nuncerot dignissim ullamcorper minima veniam quiseti nostrum emmule exercitationem ullam nesti corporis suscipi officess laboriosam nisi aliquid commodi consequatur nonerti

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
Quisque tempor, nulla in commodo imperdiet, risus justo rhoncus ipsum, vitae accumsan ligula turpis nec mi. Aliquam at vulputate nisl. Aliquam in facilisis lectus. Integer condimentum diam et tincidunt volutpat. Aliquam tortor nisi, vehicula ut mauris blandit, scelerisque tincidunt augue. Proin massa dui, ultrices in feugiat ut, dictum ut tellus. Phasellus id ultricies felis. Vestibulum et varius tellus.
Nulla nuncerot dignissim ullamcorper minima veniam quiseti nostrum emmule exercitationem ullam nesti corporis suscipi officess laboriosam nisi aliquid commodi consequatur nonerti

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
Quisque tempor, nulla in commodo imperdiet, risus justo rhoncus ipsum, vitae accumsan ligula turpis nec mi. Aliquam at vulputate nisl. Aliquam in facilisis lectus. Integer condimentum diam et tincidunt volutpat. Aliquam tortor nisi, vehicula ut mauris blandit, scelerisque tincidunt augue. Proin massa dui, ultrices in feugiat ut, dictum ut tellus. Phasellus id ultricies felis. Vestibulum et varius tellus.
Nulla nuncerot dignissim ullamcorper minima veniam quiseti nostrum emmule exercitationem ullam nesti corporis suscipi officess laboriosam nisi aliquid commodi consequatur nonerti

 
[idz_tabs menu_position="right"]
    [idz_tab title="Sample1"]
    Text....
    [/idz_tab]
[/idz_tabs]

Tabs Parameter

  • menu_position : top | bottom | left | Right
 
 
 

Example of toggle

Excepteur sint occaecat ?

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exercitation ullamcorob.
Officia deserunt mollit anim ?

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exercitation ullamcorob.
Inventore veritatis architecto ?

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exercitation ullamcorob.
 
[idz_toggle title="Question text goes here" state="closed"]
content here...
[/idz_toggle]

Toggle Parameter

  • title : title of header
  • state : closed | open
 

Example of accordion

Excepteur sint occaecat ?

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exercitation ullamcorob.
Officia deserunt mollit anim ?

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exercitation ullamcorob.
Inventore veritatis architecto ?

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exercitation ullamcorob.
 
[idz_accordion title="Question text goes here"]
content here...
[/idz_accordion]

Accordion Parameter

  • title : title of header