toggleable


[title_row style=»3″ header=»TOGGLEABLE»]

[row][full_column]
[header type=»2″ line=»crossLine»]ACCORDION[/header]
[/full_column][/row]
[row]
[half_column]
[accordion]
[accordion_item title=»ITEM1″]Sed fringilla aliquam quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas consequat volutpat massa ac venenatis. Nunc ultrices ipsum in augue adipiscing fermentum. [/accordion_item]
[accordion_item title=»ITEM2″]Mauris sagittis adipiscing ultrices. Nunc rhoncus risus ac est volutpat porttitor. [/accordion_item]
[/accordion]
[/half_column]
[half_column]
[sourcecode language=»html»][[accordion]
[accordion_item title="ITEM 1"]
…[/accordion_item]
[accordion_item title="ITEM 2"]
…[/accordion_item]
[/accordion]][/sourcecode]

[[accordion]] parameters
  • header
[[accordion_item]] parameters
  • title

[/half_column]
[/row]

[row][full_column]
[header type=»2″ line=»crossLine»]TABS[/header]
[/full_column][/row]
[row]
[half_column]
[tabs]
[tab title=»ITEM 1″ active=»true»]Sed fringilla aliquam quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas consequat volutpat massa ac venenatis. Nunc ultrices ipsum in augue adipiscing fermentum. [/tab]
[tab title=»ITEM 2″]Mauris sagittis adipiscing ultrices. Nunc rhoncus risus ac est volutpat porttitor. [/tab]
[tab title=»ITEM 3″]Nunc ultrices ipsum in augue adipiscing fermentum. Mauris eget neque est, et rutrum diam. Praesent tincidunt iaculis arcu, eu tincidunt erat tincidunt vitae. [/tab]
[/tabs]
[/half_column]
[half_column]
[sourcecode language=»html»][[tabs]
[tab title="ITEM 1" active="true"]…[/tab]
[tab title="ITEM 2"]…[/tab]
[tab title="ITEM 3"]…[/tab]
[/tabs]][/sourcecode]

[[tabs]] parameters
  • header
[[tab]] parameters
  • title
  • active — true; false; — which tab is active by default

[/half_column]
[/row]