• Home
  • About Hope
  • Blog
  • Resources
    • Hope Minutes
  • VA Services
  • Contact
    • Skip to primary navigation
    • Skip to main content
    • Skip to primary sidebar

    You are here: Home / Shortcodes / Tabs and Toggle Shortcodes

    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]

    The is the answer or content to show…

    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.


    Lorem ipsum dolor sit amet

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

    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=”toggle-2″]
    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]

    Primary Sidebar

    Hi There!

    Hi There!

    Hi there, I'm Hope! Thanks for stopping by my site! I'm grateful that you stopped and took a few minutes to visit.

    A little about myself...

    I'm a single mom, a professional, a Hope and Empowerment Coach, and a fighter of depression and anxiety. Here, I am ME. No more, no less. Come hang out with me. You're welcome here, just the way you are!

    Subscribe to Blog via Email

    Enter your email address to subscribe to this blog and receive notifications of new posts by email.

    SUBSCRIBE

    Web Hosting

    Categories

    • Blog
    • Business
    • Depression
    • Entrepreneurship
    • Fullwidth
    • Lifestyle
    • Miscellaneous
    • Self-Love
    • Spirituality

    Archives

    SUBSCRIBE TO MY NEWSLETTER!

    Every month get a newsletter filled with uplifting stories of hope and productive tips!

    • Facebook
    • Instagram
    • Twitter
    • Pinterest

    © 2019

    We are using cookies to give you the best experience on our website.

    You can find out more about which cookies we are using or switch them off in settings.

    Powered by  GDPR Cookie Compliance
    Privacy Overview

    This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

    Strictly Necessary Cookies

    Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.

    If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.

    Cookie Policy

    More information about our Cookie Policy