<h3>Toggles Style "White"</h3>
[toggle type="white" title="At vero eos et accusamus"]But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth[/toggle]

[toggle type="white" title="Sed ut perspiciatis"]But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth[/toggle]

[toggle type="white" title="On the other hand"]But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure[/toggle]
<br/>
<h4>Sample code</h4>
<pre><code>&#91;toggle type="white" title="At vero eos et accusamus"&#93...&#91;/toggle&#93
&#91;toggle type="white" title="Sed ut perspiciatis"&#93...&#91;/toggle&#93
&#91;toggle type="white" title="On the other hand"&#93...&#91;/toggle&#93
</code></pre>
<br/>

<hr />

&nbsp;
<h3>Toggles Style "Gray"</h3>
[toggle type="gray" title="Nemo enim ipsam"]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 [/toggle]

[toggle type="gray" title="Aenean iaculis"]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 [/toggle]

[toggle type="gray" title=" Suspendisse" ]A enim nisl. Mauris molestie nisl eget enim lobortis ac interdum tortor congue. Pellentesque luctus semper lacus, non posuere mauris ornare at. Duis mi eros, pretium ut euismod sit amet, ornare ac velit. Morbi quis nulla diam. Pellentesque feugiat semper consequat. Vestibulum vel orci non lorem gravida pulvinar ut quis metus. Nullam sed libero ut leo sagittis pharetra. Quisque a nisl a metus pulvinar malesuada. Sed nisl purus, dapibus sit amet interdum non, sollicitudin in lectus. Suspendisse sed leo et nibh dapibus congue vitae nec ligula. Curabitur ipsum ante, iaculis vitae tempus ut, tristique quis velit. Maecenas purus quam, suscipit gravida vestibulum id, fermentum vitae arcu. [/toggle]
<br/>
<hr />

&nbsp;
<h3>Mixed Toggles</h3>
[one_half] [toggle type="gray" title="Nemo enim ipsam"]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 [/toggle]

[toggle type="white" title="Sed ut perspiciatis"]But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth[/toggle]

[toggle type="gray" title="Nemo enim ipsam"]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 [/toggle]

[toggle type="white" title="Sed ut perspiciatis"]But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth[/toggle] [/one_half]
[one_half last=last] [toggle type="gray" title="Nemo enim ipsam"]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 [/toggle]

[toggle type="white" title="Sed ut perspiciatis"]But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth[/toggle]

[toggle type="gray" title="Nemo enim ipsam"]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 [/toggle]

[toggle type="white" title="Sed ut perspiciatis"]But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth[/toggle][/one_half]

&nbsp;

<hr />

&nbsp;
<h3>Tabs</h3>
[tabgroup]
[tab title="Nullam"]Cras at nisi nec purus tincidunt suscipit. Proin vitae dui erat. Morbi at sodales orci. Nullam id massa ornare libero luctus molestie eu quis arcu. Pellentesque interdum, nunc ut consequat posuere, turpis risus lobortis ligula, nec tempor enim velit vel augue.[/tab]
[tab title="Morbi"]

Aenean iaculis turpis non neque molestie cursus. Donec convallis tincidunt erat, sed euismod mauris varius in. Cras ultrices sodales iaculis. Ut sodales nunc ut lectus mattis vitae sagittis lectus aliquet. Ut accumsan ligula ut augue pharetra vulputate. Fusce sit amet ligula at urna tristique cursus. Ut varius est ut turpis porta et venenatis dolor pharetra. Aliquam eget nulla enim, eu aliquet lorem. Nam ornare ultrices tortor non tristique. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer eget tincidunt purus.

Nam feugiat felis id ipsum blandit sodales. Aenean vitae tortor ultricies est molestie euismod sit amet non leo. Ut velit ipsum, ullamcorper eu condimentum eget, aliquam ut lorem. Integer non velit nulla, in ornare lectus. Cras eget nunc in eros mollis posuere in eu dui. Donec facilisis, orci at sagittis pretium, libero urna consectetur elit, ac ornare odio mi sed odio. Aliquam ut risus neque, eu fringilla neque. Suspendisse potenti. Integer in diam congue diam fermentum cursus at eu lorem.[/tab]
[tab title="Donec "]Aenean iaculis turpis non neque molestie cursus. Donec convallis tincidunt erat, sed euismod mauris varius in. Cras ultrices sodales iaculis. Ut sodales nunc ut lectus mattis vitae sagittis lectus aliquet. Ut accumsan ligula ut augue pharetra vulputate. Fusce sit amet ligula at urna tristique cursus. [/tab]
[/tabgroup]

[one_half] [tabgroup]
[tab title="Nullam"]Cras at nisi nec purus tincidunt suscipit. Proin vitae dui erat. Morbi at sodales orci. Nullam id massa ornare libero luctus molestie eu quis arcu. Pellentesque interdum, nunc ut consequat posuere, turpis risus lobortis ligula, nec tempor enim velit vel augue.[/tab]
[tab title="Morbi"]

Aenean iaculis turpis non neque molestie cursus. Donec convallis tincidunt erat, sed euismod mauris varius in. Cras ultrices sodales iaculis. Ut sodales nunc ut lectus mattis vitae sagittis lectus aliquet. Ut accumsan ligula ut augue pharetra vulputate. Fusce sit amet ligula at urna tristique cursus. Ut varius est ut turpis porta et venenatis dolor pharetra. Aliquam eget nulla enim, eu aliquet lorem. Nam ornare ultrices tortor non tristique. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer eget tincidunt purus.

Nam feugiat felis id ipsum blandit sodales. Aenean vitae tortor ultricies est molestie euismod sit amet non leo. Ut velit ipsum, ullamcorper eu condimentum eget, aliquam ut lorem. Integer non velit nulla, in ornare lectus. Cras eget nunc in eros mollis posuere in eu dui. Donec facilisis, orci at sagittis pretium, libero urna consectetur elit, ac ornare odio mi sed odio. Aliquam ut risus neque, eu fringilla neque. Suspendisse potenti. Integer in diam congue diam fermentum cursus at eu lorem.[/tab]
[tab title="Donec "]Aenean iaculis turpis non neque molestie cursus. Donec convallis tincidunt erat, sed euismod mauris varius in. Cras ultrices sodales iaculis. Ut sodales nunc ut lectus mattis vitae sagittis lectus aliquet. Ut accumsan ligula ut augue pharetra vulputate. Fusce sit amet ligula at urna tristique cursus. [/tab]
[/tabgroup] [/one_half]
[one_half last=last] [tabgroup]
[tab title="Nullam"]Cras at nisi nec purus tincidunt suscipit. Proin vitae dui erat. Morbi at sodales orci. Nullam id massa ornare libero luctus molestie eu quis arcu. Pellentesque interdum, nunc ut consequat posuere, turpis risus lobortis ligula, nec tempor enim velit vel augue.[/tab]
[tab title="Morbi"]

Aenean iaculis turpis non neque molestie cursus. Donec convallis tincidunt erat, sed euismod mauris varius in. Cras ultrices sodales iaculis. Ut sodales nunc ut lectus mattis vitae sagittis lectus aliquet. Ut accumsan ligula ut augue pharetra vulputate. Fusce sit amet ligula at urna tristique cursus. Ut varius est ut turpis porta et venenatis dolor pharetra. Aliquam eget nulla enim, eu aliquet lorem. Nam ornare ultrices tortor non tristique. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer eget tincidunt purus.

Nam feugiat felis id ipsum blandit sodales. Aenean vitae tortor ultricies est molestie euismod sit amet non leo. Ut velit ipsum, ullamcorper eu condimentum eget, aliquam ut lorem. Integer non velit nulla, in ornare lectus. Cras eget nunc in eros mollis posuere in eu dui. Donec facilisis, orci at sagittis pretium, libero urna consectetur elit, ac ornare odio mi sed odio. Aliquam ut risus neque, eu fringilla neque. Suspendisse potenti. Integer in diam congue diam fermentum cursus at eu lorem.[/tab]
[tab title="Donec "]Aenean iaculis turpis non neque molestie cursus. Donec convallis tincidunt erat, sed euismod mauris varius in. Cras ultrices sodales iaculis. Ut sodales nunc ut lectus mattis vitae sagittis lectus aliquet. Ut accumsan ligula ut augue pharetra vulputate. Fusce sit amet ligula at urna tristique cursus. [/tab]
[/tabgroup] [/one_half]
[clear]
<br/>
<h4>Sample code</h4>
<pre>&#91;tabgroup&#93;  
&#91;tab title="Nullam"&#93; ..content goes here..&#91;/tab&#93;  
&#91;tab title="Morbi"&#93; ..content goes here..&#91;/tab&#93; 
&#91;tab title="Donec"&#93; ..content goes here..&#91;/tab&#93;  
&#91;/tabgroup&#93; </pre>