Tabs and Toggle Shortcodes

Tabs

[hr]

Tabs allow you to show more content on the page using less space. You can have as many tabs as needed. The container will auto-fill the width of the area where it is inserted.

[code][tabs]
[tab title=”Tab Title”]Tab content…[/tab]
[tab title=”Tab Title”]Tab content…[/tab]
[tab title=”Tab Title”]Tab content…[/tab]
[/tabs][/code] [clear]

Parameters

title

(string) The text to display on the tab.

[clear]

Samples

[clear]

[tabs] [tab title=”First Example Tab”]

Lorem ipsum dolor sit amet

[styled_image w=”200″ h=”140″ lightbox=”yes” image=”2102″ align=”right” alt=”Click me to enlarge!” rel=”tab-1″]

Consectetur adipiscing elit. Nunc posuere aliquet sollicitudin. Proin at pulvinar nibh. Integer euismod ultricies euismod. Nulla ac facilisis arcu. Quisque bibendum suscipit ligula eget placerat. Maecenas volutpat urna eu dui vulputate laoreet. Sed tempus eros quis metus scelerisque ac vestibulum tortor pulvinar. Aliquam sed nisl ut nisi gravida consequat at in metus. Nunc vel erat et mauris malesuada tristique. Quisque mattis elit eros, non facilisis sem. Cras a congue neque. In massa purus, ornare in sagittis id, accumsan ac nisl. Sed sit amet.

[clear]
[styled_image w=”250″ h=”300″ lightbox=”yes” image=”2099″ align=”left” alt=”Click me to enlarge!” rel=”tab-1″]

Nam libero diam, tincidunt ac volutpat non

Plandit in massa. Sed convallis luctus lorem, quis elementum lacus viverra eu. Aliquam erat turpis, dictum a sodales eu, tempus ac magna. Nam sit amet justo eu lacus commodo rutrum eget a felis. Ut rhoncus faucibus nibh eget scelerisque.

Fusce nec dui turpis sed mollis

Nibh ac blandit porttitor, metus tortor blandit ipsum, eu mattis mi diam ac purus. Integer ornare mattis viverra. Nunc accumsan massa eu ligula pretium id commodo mi aliquet. Nunc gravida purus quis tellus varius consequat. Nullam at diam arcu. Sed urna turpis, pellentesque non venenatis ut, convallis nec velit. Nam placerat imperdiet ornare. Vestibulum faucibus elit sit amet lectus fringilla nec ornare risus faucibus. Sed hendrerit, orci vel varius ornare.

[clear] [/tab] [tab title=”Second Example Tab”]

You think water moves fast? You should see ice. It moves like it has a mind. Like it knows it killed the world once and got a taste for murder. After the avalanche, it took us a week to climb out. Now, I don’t know exactly when we turned on each other, but I know that seven of us survived the slide… and only five made it out. Now we took an oath, that I’m breaking now. [pull_quote align=”right”]You think water moves fast? You should see ice. It moves like it has a mind.[/pull_quote]We said we’d say it was the snow that killed the other two, it wasn’t. Nature’s lethal but doesn’t hold a candle to man.

You see? It’s curious. Ted did figure it out – time travel. And when we get back, we gonna tell everyone. How it’s possible, how it’s done, what the dangers are. But then why fifty years in the future when the spacecraft encounters a black hole does the computer call it an ‘unknown entry event’? Why don’t they know? If they don’t know, that means we never told anyone. And if we never told anyone it means we never made it back. Hence we die down here. Just as a matter of deductive logic.

Now that we know who you are, I know who I am. I’m not a mistake! It all makes sense! In a comic, you know how you can tell who the arch-villain’s going to be? He’s the exact opposite of the hero. And most times they’re friends, like you and me! I should’ve known way back when… You know why, David? Because of the kids. They called me Mr Glass.

[/tab] [tab title=”Third Example Tab”]

Sed tempus eros quis metus scelerisque

Maecenas volutpat urna eu dui vulputate laoreet. Sed tempus eros quis metus scelerisque ac vestibulum tortor pulvinar. Nunc vel erat et mauris malesuada tristique. Quisque mattis elit eros, non facilisis sem. Cras a congue neque. In massa purus, ornare in sagittis id, accumsan ac nisl. Sed sit amet nulla ac dolor adipiscing.

[bullet_list icon=”check” indent=”15px”]

• Consectetur adipiscing elit. Nunc posuere aliquet sollicitudin.
• Aliquam sed nisl ut nisi gravida consequat at in metus.
• Integer euismod ultricies euismod. Nulla ac facilisis arcu.
• Proin at pulvinar nibh. Quisque bibendum suscipit ligula eget placerat.
• Aliquam sed nisl ut nisi gravida consequat at in metus.
• Integer euismod ultricies euismod. Nulla ac facilisis arcu.
• Proin at pulvinar nibh. Quisque bibendum suscipit ligula eget placerat.

[/bullet_list]

Fusce nec dui turpis sed mollis

Nibh ac blandit porttitor, metus tortor blandit ipsum, eu mattis mi diam ac purus. Integer ornare mattis viverra. Nunc accumsan massa eu ligula pretium id commodo mi aliquet. Nunc gravida purus quis tellus varius consequat. Nullam at diam arcu. Sed urna turpis, pellentesque non venenatis ut, convallis nec velit. Nam placerat imperdiet ornare. Vestibulum faucibus elit sit amet lectus fringilla nec ornare risus faucibus. Sed hendrerit, orci vel varius ornare, sem metus adipiscing diam, quis hendrerit est erat id eros. Mauris ut arcu sapien.

[/tab] [/tabs] [clear]

[clear]

Toggles (FAQs)

[hr]

Expand and collapse the content inside a container with a title. This is useful for “quick tips” and frequently asked questions pages where the user can navigate a list of questions.

[code][toggle title=”The Question or Title”]The is the answer or content to show…[/toggle][/code] [clear]

Parameters

title

(string) The title to be displayed.

[clear]

Samples

[clear]