[teaser]JQuery based tabbing and toggle shortcodes allow you to make extremely advanced interactive interfaces with a few simple shortcodes. Tabs allow multiple “panes” of content to be switched between by selecting tabs at the top of the content panes, and toggles allow content to be hidden until the user decides to open/toggle it.[/teaser] [line] [h4]Tabs[/h4] [tab_set] Tabs can hold other shortcodes within them (like most of our shortcodes can actually…). This is an example with just text, but the other tabs are a bit more complex! Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [articlequote]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.[/articlequote] [vimeo_video height=”470″ autoplay=”no”]http://vimeo.com/1084537[/vimeo_video] [/tab_set] [code_table] [code_line][tab_set][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][articlequote]Lorem ipsum dolor sit amet…[/articlequote][/code_line] [code_line][vimeo_video height=”605″ autoplay=”no”]http://vimeo.com/2910103[/vimeo_video][/code_line] [code_line][/tab_set][/code_line] [/code_table] [line] [h4]Toggles[/h4] [toggle_box title=”Toggle Type One”] Toggles can hold other shortcodes within them (like most of our shortcodes can actually…). This is an example with just text, but they can hold video, quotes, or nearly any other shortcode! Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box title=”Toggle Type One”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [toggle_box variation=”2″ title=”Toggle Type Two”] There’s actually 2 variations of toggle box styles. Both are fully able to be custom colored. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box variation=”2″ title=”Toggle Type Two”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [line] [h4]Toggle Box Groups (Accordions)[/h4] [toggle_box_group] [toggle_box variation=”2″ title=”Toggle Accordion One”] Any toggle box can be put in a toggle_box_group shortcode where only one will be open at a time, accordion style. [/toggle_box] [toggle_box variation=”2″ title=”Toggle Accordion Two”] Any toggle box can be put in a toggle_box_group shortcode where only one will be open at a time, accordion style. [/toggle_box] [toggle_box variation=”2″ title=”Toggle Accordion Three”] Any toggle box can be put in a toggle_box_group shortcode where only one will be open at a time, accordion style. [/toggle_box] [toggle_box variation=”2″ title=”Toggle Accordion Four”] Any toggle box can be put in a toggle_box_group shortcode where only one will be open at a time, accordion style. [/toggle_box] [/toggle_box_group] [code_table] [code_line][toggle_box_group][/code_line] [code_line][toggle_box variation=”2″ title=”Toggle Accordion One”]Lorem ipsum dolor sit amet…[/toggle_box][/code_line] [code_line][toggle_box variation=”2″ title=”Toggle Accordion Two”]Lorem ipsum dolor sit amet…[/toggle_box][/code_line] [code_line][toggle_box variation=”2″ title=”Toggle Accordion Three”]Lorem ipsum dolor sit amet…[/toggle_box][/code_line] [code_line][toggle_box variation=”2″ title=”Toggle Accordion Four”]Lorem ipsum dolor sit amet…[/toggle_box][/code_line] [code_line][/toggle_box_group][/code_line] [/code_table] [line] [h4]Toggle Colors[/h4] [toggle_box color=”dark” title=”Toggle Type One”] Toggles can hold other shortcodes within them (like most of our shortcodes can actually…). This is an example with just text, but they can hold video, quotes, or nearly any other shortcode! Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box color=”dark” title=”Toggle Type One”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [toggle_box variation=”2″ color=”dark” title=”Toggle Type Two”] There’s actually 2 variations of toggle box styles. Both are fully able to be custom colored. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box variation=”2″ color=”dark” title=”Toggle Type Two”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [line] [toggle_box color=”red” title=”Toggle Type One”] Toggles can hold other shortcodes within them (like most of our shortcodes can actually…). This is an example with just text, but they can hold video, quotes, or nearly any other shortcode! Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box color=”red” title=”Toggle Type One”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [toggle_box variation=”2″ color=”red” title=”Toggle Type Two”] There’s actually 2 variations of toggle box styles. Both are fully able to be custom colored. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box variation=”2″ color=”red” title=”Toggle Type Two”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [line] [toggle_box color=”maroon” title=”Toggle Type One”] Toggles can hold other shortcodes within them (like most of our shortcodes can actually…). This is an example with just text, but they can hold video, quotes, or nearly any other shortcode! Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box color=”maroon” title=”Toggle Type One”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [toggle_box variation=”2″ color=”maroon” title=”Toggle Type Two”] There’s actually 2 variations of toggle box styles. Both are fully able to be custom colored. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box variation=”2″ color=”maroon” title=”Toggle Type Two”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [line] [toggle_box color=”orange” title=”Toggle Type One”] Toggles can hold other shortcodes within them (like most of our shortcodes can actually…). This is an example with just text, but they can hold video, quotes, or nearly any other shortcode! Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box color=”orange” title=”Toggle Type One”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [toggle_box variation=”2″ color=”orange” title=”Toggle Type Two”] There’s actually 2 variations of toggle box styles. Both are fully able to be custom colored. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box variation=”2″ color=”orange” title=”Toggle Type Two”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [line] [toggle_box color=”yellow” title=”Toggle Type One”] Toggles can hold other shortcodes within them (like most of our shortcodes can actually…). This is an example with just text, but they can hold video, quotes, or nearly any other shortcode! Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box color=”yellow” title=”Toggle Type One”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [toggle_box variation=”2″ color=”yellow” title=”Toggle Type Two”] There’s actually 2 variations of toggle box styles. Both are fully able to be custom colored. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box variation=”2″ color=”yellow” title=”Toggle Type Two”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [line] [toggle_box color=”green” title=”Toggle Type One”] Toggles can hold other shortcodes within them (like most of our shortcodes can actually…). This is an example with just text, but they can hold video, quotes, or nearly any other shortcode! Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box color=”green” title=”Toggle Type One”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [toggle_box variation=”2″ color=”green” title=”Toggle Type Two”] There’s actually 2 variations of toggle box styles. Both are fully able to be custom colored. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box variation=”2″ color=”green” title=”Toggle Type Two”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [line] [toggle_box color=”olive” title=”Toggle Type One”] Toggles can hold other shortcodes within them (like most of our shortcodes can actually…). This is an example with just text, but they can hold video, quotes, or nearly any other shortcode! Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box color=”olive” title=”Toggle Type One”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [toggle_box variation=”2″ color=”olive” title=”Toggle Type Two”] There’s actually 2 variations of toggle box styles. Both are fully able to be custom colored. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box variation=”2″ color=”olive” title=”Toggle Type Two”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [line] [toggle_box color=”teal” title=”Toggle Type One”] Toggles can hold other shortcodes within them (like most of our shortcodes can actually…). This is an example with just text, but they can hold video, quotes, or nearly any other shortcode! Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box color=”teal” title=”Toggle Type One”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [toggle_box variation=”2″ color=”teal” title=”Toggle Type Two”] There’s actually 2 variations of toggle box styles. Both are fully able to be custom colored. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box variation=”2″ color=”teal” title=”Toggle Type Two”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [line] [toggle_box color=”blue” title=”Toggle Type One”] Toggles can hold other shortcodes within them (like most of our shortcodes can actually…). This is an example with just text, but they can hold video, quotes, or nearly any other shortcode! Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box color=”blue” title=”Toggle Type One”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [toggle_box variation=”2″ color=”blue” title=”Toggle Type Two”] There’s actually 2 variations of toggle box styles. Both are fully able to be custom colored. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box variation=”2″ color=”blue” title=”Toggle Type Two”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [line] [toggle_box color=”navy” title=”Toggle Type One”] Toggles can hold other shortcodes within them (like most of our shortcodes can actually…). This is an example with just text, but they can hold video, quotes, or nearly any other shortcode! Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box color=”navy” title=”Toggle Type One”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [toggle_box variation=”2″ color=”navy” title=”Toggle Type Two”] There’s actually 2 variations of toggle box styles. Both are fully able to be custom colored. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box variation=”2″ color=”navy” title=”Toggle Type Two”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [line] [toggle_box color=”purple” title=”Toggle Type One”] Toggles can hold other shortcodes within them (like most of our shortcodes can actually…). This is an example with just text, but they can hold video, quotes, or nearly any other shortcode! Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box color=”purple” title=”Toggle Type One”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [toggle_box variation=”2″ color=”purple” title=”Toggle Type Two”] There’s actually 2 variations of toggle box styles. Both are fully able to be custom colored. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box variation=”2″ color=”purple” title=”Toggle Type Two”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [line] [toggle_box color=”stone” title=”Toggle Type One”] Toggles can hold other shortcodes within them (like most of our shortcodes can actually…). This is an example with just text, but they can hold video, quotes, or nearly any other shortcode! Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box color=”stone” title=”Toggle Type One”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [toggle_box variation=”2″ color=”stone” title=”Toggle Type Two”] There’s actually 2 variations of toggle box styles. Both are fully able to be custom colored. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box variation=”2″ color=”stone” title=”Toggle Type Two”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [line] [toggle_box color=”cream” title=”Toggle Type One”] Toggles can hold other shortcodes within them (like most of our shortcodes can actually…). This is an example with just text, but they can hold video, quotes, or nearly any other shortcode! Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box color=”cream” title=”Toggle Type One”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [toggle_box variation=”2″ color=”cream” title=”Toggle Type Two”] There’s actually 2 variations of toggle box styles. Both are fully able to be custom colored. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box variation=”2″ color=”cream” title=”Toggle Type Two”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [line] [toggle_box color=”grey” title=”Toggle Type One”] Toggles can hold other shortcodes within them (like most of our shortcodes can actually…). This is an example with just text, but they can hold video, quotes, or nearly any other shortcode! Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box color=”grey” title=”Toggle Type One”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table] [toggle_box variation=”2″ color=”grey” title=”Toggle Type Two”] There’s actually 2 variations of toggle box styles. Both are fully able to be custom colored. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. [/toggle_box] [code_table] [code_line][toggle_box variation=”2″ color=”grey” title=”Toggle Type Two”][/code_line] [code_line]Lorem ipsum dolor sit amet…[/code_line] [code_line][/toggle_box][/code_line] [/code_table]

Share and Enjoy

  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS

Leave a Reply

Your email address will not be published. Required fields are marked *